* {
    padding: 0;
    margin: 0;
}
body {
    height:100vh;
    width: 100vw;
    background-image: url(image/snake1.jpg);
    background-size: 50%;
    background-color: whitesmoke;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container {
    height:40rem;
    width:36rem;
    background-color: whitesmoke;
    box-shadow: rgba(107, 106, 106, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.score_container {
    height: 4rem;
    width: 36rem;
    background: linear-gradient(rgb(106, 106, 106),rgb(81, 81, 81));
    font-size: 1.5em;
    font-family: fantasy;
    display: flex;
    align-items: center;
    justify-content: center;
}
.game_container {
    height: 36rem;
    width: 36rem;
    background: linear-gradient(rgb(19, 19, 19),rgb(29, 29, 29));
    display: grid;
    grid-template: repeat(25,1fr)/repeat(25,1fr);
}
.food {
    background-color: green;
    border-radius: 50%;
}
.head {
    background-color: red;
    border-radius: 15%;
}