*{
  font-family: Arial;
}

body {
  background-color: #2d328e;
}
#all-game{
  position: absolute;
  width: 70vw;
  display: flex;
  justify-content: center;

  margin: 0;

  
}

#game-board {
  border: 1vmin #4b220c solid;
  border-radius: 3vh;
  margin-top: 22vh;
  /*margin-left: 20vw;*/
  background-image: url("../../Dave-Img/Frame 3.png");
  background-size: cover;
  background-position: center center;
  width: 70vmin;
  height: 70vmin;
  display: grid;
  grid-template-rows: repeat(10, auto);
  grid-template-columns: repeat(10, auto);
}

#pick-word{
  position: absolute;
  margin: 7vh 20vw ;

  background-color: #fff;
  width: 70vmin;
  border-radius: 7vh;
  justify-content: center;

  
}
#pick-word p{
  color:#2d328e;
  text-align: center;
  font-size: 4vh;

}
.snake {
  background-color: #c20029;
}

.food{
  background-color: #fff;
  border-radius:100%;
}

.letra {
  justify-content: center;
  display: flex;
}


.letra p{
  position: absolute;
  margin-top: -0.01vmin;
  color: #4b220c;
  text-align: center;
  font-size: 6vh;
  
}

.snake-head {
  background-image: url("../../Dave-Img/picasion.com_09def0a4733e3d6d4b3a184210e6ce68.gif");
  background-size: cover;
  background-position: center center;
  width: 200%;
  height: 200%;
  margin: -50%;
}

#settings{
  position: absolute;
    position:static;
    height: 10vh;
}
#restart{
  position: absolute;
  width: 10vw;
  height: 10vh;
  padding: 0vh 0vw 0vh 70vw;
}
#btn-1{
  background-color: #F2AE4B;
  width: 10vw;
  height: 10vw;
  border-radius: 100px;
  text-align: center;
  justify-content: center;
  box-shadow: 8px 8px #4b220c;
}
#mapa{
  position: absolute;
  width: 10vw;
  height: 10vh;
  padding: 0vh 0vw 0vh 85vw;
}
#btn-2{
  background-color: #65B3C7;
  width: 10vw;
  height: 10vw;
  border-radius: 100px;
  text-align: center;
  justify-content: center;
  box-shadow: 8px 8px #4b220c;
}

p {
  width: 100%;
  height: 100%;
  color:#fff;
  text-decoration: none;
}