@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
#left {
    padding: 15px 20px;
    border-radius: 15px;
}
#right {
    padding: 15px 20px;
    border-radius: 10px;
}
#up {
    padding: 15px 20px;
    border-radius: 10px;
}
#down {
    padding: 15px 20px;
    border-radius: 10px;
}
.snake {
    height: 15px;
    width: 15px;
    background-color:limegreen;
    border: 2px;
}
.window {
    /*padding: 200px 200px;*/
    height: 510px;
    width: 510px;
    border-radius: 1px;
    background-color: #353536
}
#header {
    font: Roboto
}
#start {
    padding: 15px 25px;
    position: relative;
    border-radius: 10px;
}
#restart {
    padding: 15px 25px;
    position: relative;
    border-radius: 10px;
}
body {
    background-color: #212121
}
#header {
    color: white;
    font-size: 20px;
    font-family: 'Press Start 2P', cursive;
}
.apple {
    height: 15px;
    width: 15px;
    background-color: red;
    border: 2px;
}

#homeButton {
    top: 60px;
    border-radius: 5px;
    font: bold;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#resourcesButton {
    top: 30px;
    left:60px;
    border-radius: 5px;
    font: bold;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#highscore {
    color: white;
    font-size: 10px;
    font-family: 'Press Start 2P', cursive;
    top: 77px;
    left: 250px;
    position: absolute;
}
#score {
    position: absolute;
    color: white;
    font-size: 10px;
    top: 77px;
    left: 400px;
    font-family: 'Press Start 2P', cursive;
    font: bold
}