@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap);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}*{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:0;padding:0}body{align-items:center;background:#226f54;display:flex;justify-content:center;min-height:100vh}.bloc-page{background:#fff;border-radius:12px;box-shadow:20px 20px 40px #0000003b}.header h1{color:#226f54;font-weight:700;margin-bottom:10px;text-align:center}.header p{color:#22577a;font-weight:500;margin-bottom:20px;text-align:center}.wrapper{display:flex;flex-direction:column;height:70vmin;justify-content:center;overflow:hidden;width:65vmin}.game-details{color:#226f54;display:flex;font-size:1.2rem;font-weight:500;justify-content:space-between;padding:20px 27px}.play-board{background:#bbb5bd;display:grid;grid-template:repeat(30,1fr) /repeat(30,1fr);height:100%;width:100%}.food{background:#da2c38;border-radius:50px}.play-board .head{background:#22577a;border-radius:2px}.controls{display:none;justify-content:space-between}.controls i{border-right:1px solid #171b26;color:#b8c6dc;cursor:pointer;font-size:1.3rem;padding:25px 0;text-align:center;width:25%}.start-button{background-color:#226f54;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;margin:20px auto;padding:10px 20px;transition:background-color .3s,transform .3s;width:50%}.start-button:hover{background-color:#1a503e;transform:rotate(1.23deg)}.game-over-popup{background-color:#f9f8f8;border-radius:12px;box-shadow:0 20px 40px #0000001a;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.game-over-popup h2{color:#226f54;margin-bottom:10px}.game-over-popup p{color:#22577a;font-size:1.2rem;margin-bottom:20px}.restart-button{background-color:#226f54;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;padding:10px 20px}.restart-button:hover{background-color:#1a503e}.footer{color:#226f54;text-align:center}.footer .socials a{color:#226f54;padding:0 5px;text-decoration:none}.footer a:hover{color:#22577a}.footer a.portfolio-link{color:#226f54;font-size:.9rem;font-weight:300;padding:0 5px;text-decoration:none}@media screen and (max-width:800px){.wrapper{height:115vmin;width:90vmin}.game-details{font-size:1rem;padding:15px 27px}.controls{display:flex}.controls i{font-size:1rem;padding:15px 0}}
/*# sourceMappingURL=main.4935cd68.css.map*/