body {
    background-color: rgb(20,20,20);
}

.board {
    width: 540px;
    height: 540px;
    padding: 2px;
    margin-left: -2px;
    margin-top: -2px;
    background-color: transparent;
    box-shadow: 0 0 6px 2px black;
    border-radius: 7px;

    cursor: pointer;

    position: fixed;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
}

.cell {
    width: 28px;
    height: 28px;
    float:left;
    margin: 1px;
    background-color: #616161;
    border-radius: 4px;
}

.snake {
    background-color: #59b35870;
    border-radius: 50px;
    scale: 0.8;
}

.snake.head {
    background-color: #26ab25;
    border-radius: 50px;
    scale:1;
}

.snake.dead {
    background-color: red !important;
}

.food {
    background-image: url(avocado.png);
    background-size: contain;
}

.path {
    box-shadow: inset 0 0 10px #0411ff;
}