body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;text-align:center}.App,.Status .start-button{background-color:#222;color:#fff}.Status .start-button{border-color:#fff;border-radius:1vh;font-size:5vh;margin-top:5vh;padding:2vh}.Board{display:grid;grid-template-columns:repeat(10,1fr)}.Square button{background-color:#222;border-color:#3a3a3a;border-radius:1vh;height:6vh;margin:.5vh;width:6vh}.Square .snake{background-color:#6ff508;border-color:#6ff508}.Square .snakeHead{background-color:#e5f508;border-color:#e5f508}.Square .apple{background-color:red;border-radius:50% 50% 40% 40%;display:block;position:relative}.Square .apple:after{background-color:green;border-radius:50%;content:"";height:20px;left:35%;position:absolute;top:-15px;transform:rotate(45deg);width:30px}