@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,'Courier New',monospace}.App{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#1e2933}.board{display:flex;flex-direction:column;outline:5px solid #00c3ff}.row{display:flex}.cell{height:3em;width:3em;display:flex;justify-content:center;align-items:center;color:#000;font-weight:bolder}.snake-cell{background-color:#adff2f}.food-cell{background-color:#ff2020}.rev-food-cell{background-color:#6320ff}.buttons{margin-top:10px;display:flex;justify-content:space-evenly}.buttons button{border:1px solid #fff;background-color:grey;font-family:'Press Start 2P','Comic Sans MS';color:#fff;height:3em;width:10em}.buttons button:hover{cursor:pointer;background-color:#a9a9a9}.score{color:#f0f8ff;text-align:center;font-family:'Press Start 2P','Comic Sans MS'}.head-up{transform:rotate(90deg);justify-content:flex-start}.head-down{transform:rotate(90deg);justify-content:flex-end}.head-right{justify-content:flex-end}.head-left{justify-content:flex-start}.space-right{margin-top:10px;margin-right:8px}.space-left{margin-left:8px;margin-top:10px}.space-up{margin-top:10px;margin-left:8px}.space-down{margin-top:10px;margin-right:8px}.instructions{position:absolute;left:2%;height:30em;width:25em;padding:2em}.gameOver{position:absolute;right:10%;top:50%;bottom:50%}.gameOver h1{font-family:'Press Start 2P','Comic Sans MS';color:#fff}.instructions h1{font-family:'Press Start 2P','Comic Sans MS';color:#fff}.instructions div{font-family:'Press Start 2P','Comic Sans MS';color:#fff}.controls{display:flex;align-items:center}.instructions p{border:1px solid #fff;font-family:'Press Start 2P','Comic Sans MS';color:#fff;width:max-content;padding:1em;margin-right:1em}.note{margin-top:1em}.note span{height:.6em;width:.6em;background-color:#6320ff}