*{
    padding: 0;
    margin: 0;
}

.background{
    min-height: 100vh;
    background-color: rgb(37, 230, 50);
    display: flex;
    justify-content: center;
    align-items: center;
}

#gameBoard{
    background: linear-gradient(rgb(233, 222, 13),rgb(218, 253, 17));
    height: 90vmin;
    width: 92vmin;
    border: 2px solid rgb(51, 89, 5);
    display: grid;
    grid-template-columns: repeat(18,1fr);
    grid-template-rows: repeat(18, 1fr);
}

.head{
    background-color: rgb(77, 255, 0);
    border: .25vmin solid rgb(3, 192, 113);
    transform: scale(1.03);
    border-radius: 16px;
    box-shadow: 0 8px 20px;
}

.body{
    background-color: rgb(3, 192, 113);
    border: .25vmin solid rgb(77, 255, 0);
    border-radius: 15px;
    box-shadow: 0 8px 20px;
}

.food{
    background-color:  rgb(244, 96, 4);
    border: .25vmin solid black;
    border-radius: 50%;
    box-shadow: 0px 4px 15px rgb(133, 46, 8),0px 4px 15px rgb(255, 17, 4) inset;
}

#scoreBox{
    position: absolute;
    top: 9px;
    right: 200px;
    font-size: 39px;
    font-weight: bold;
}