/*menu*/
   a {
    text-decoration: none;
    color: rgb(226, 219, 255);
    font-style: italic;
    padding: 5px;
  }
.roleta{
      display: grid;
      grid-template-columns: repeat(3,  auto);
      margin-top: 15vh;
      padding: 1vh;
      width: 100%;
      height: 100%;
      object-fit: cover;
 }
.a1, .b2, .c3{
      cursor: pointer;
      background-size: cover;
      animation: anime 6s linear infinite;
      animation-iteration-count: infinite;
      padding: 7vh;   
}
.a1{
  animation-delay: 0s;
}
.b2{
  animation-delay: 1s;
}
.c3{
  animation-delay: 2s;
}

     .caixa{
      display: grid;
      background:  rgba(212, 191, 0, 0.7);
      grid-template-columns: repeat(6, 50vmin);
      margin-top: 1vw;
      border-radius: 5vh;
      padding: 1vh;
      
     }
     .caixa a:hover{
      background-color: #dddddd;
      color: #323639;
      border-radius: 10px;
      
    }
     .caixa a:active{
      background: #4caf50;
      color: white;
      font-size: 17px;
    }

    .game-board {
      display: grid;
      margin-left: 2vw;
      margin-right: 2vw;
      grid-template-columns: repeat(3, 30vmin);
    }

    #down {
      margin-top: 20%;
      padding-bottom: 10%;
      padding-top: 10%;
    }