@import url('https://fonts.googleapis.com/css2?family=Xanh+Mono:ital@1&display=swap');
*{
    margin: 0;
    padding: 0;
}
.body{
    background-image: url("../bg.jpg");
    height: 100vh;
    background-size:100vw 100vh;
    background-repeat: no-repeat;
}

#board{
    background: linear-gradient(rgb(147, 245, 147),rgb(247, 247, 166));
    width: 90vmin;
    height: 92vmin;
    border: 2px solid rgb(11, 139, 224);
    display: grid;
    grid-template-rows:repeat(18,1fr);
    grid-template-columns: repeat(18,1fr);
}
#score{
    top: 9px;
    right: 200px;
    font-family: 'Xanh Mono', monospace;
}
.head{
 background:linear-gradient(red,yellow);
 border: 0.25vmin solid rgb(240, 17, 9);
 transform: scale(1.02);
border-radius:20px;
}
.food{
    background:linear-gradient(red,purple);
    border: 0.25vmin solid brown;
    border-radius: 12px;
}
.snake{
  background:linear-gradient(brown,orange);
  border:0,25vmin solid rgb(245, 8, 8);
  border-radius: 20px ;
}