*{margin:0; padding:0;}

/*
  botonera Carretera 
*/
.sacar {
  display: flex;
  justify-content: center;
  align-items: center;

  position: absolute;
  border: 1px solid yellow;
  background-color: grey;
  
  width: 180px;
  height: 30px;
  top: 10px;
  left: 10px;

  z-index: 101;
  text-align: center;
  cursor: pointer;
}

.strgame {
  display: flex;
  justify-content: center;
  align-items: center;  

  position: absolute;
  border: 1px solid yellow;
  background-color: grey;
  
  width: 160px;
  height: 30px;

  top: 10px;
  left: 200px;

  z-index: 102;
  text-align: center;
  cursor: none;

  opacity: .5;
  pointer-events: none;

}

.reinigame {
  display: flex;
  justify-content: center;
  align-items: center;  

  position: absolute;
  border: 1px solid yellow;
  background-color: grey;
  
  width: 160px;
  height: 30px;

  top: 10px;
  left: 370px;

  z-index: 102;
  text-align: center;
  cursor: none;

  opacity: .5;
  pointer-events: none;

}

.pausegame {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border: 1px solid yellow;
    background-color: grey;
    width: 80px;
    height: 30px;
    top: 10px;
    left: 544px;
    z-index: 102;
    text-align: center;
    cursor: none;
    opacity: .5;
    pointer-events: none;
}

.quitar {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border: 1px solid yellow;
    background-color: grey;
    width: 210px;
    height: 30px;
    top: 10px;
    left: 634px;
    z-index: 102;
    text-align: center;
    cursor: none;
    opacity: .5;
    pointer-events: none;
}


/*
  botonera BolaCamino 
*/

.sacarBC {
  display: flex;
  justify-content: center;
  align-items: center;

  position: absolute;
  border: 1px solid yellow;
  background-color: grey;
  
  width: 180px;
  height: 30px;
  top: 50px;
  left: 10px;

  z-index: 101;
  text-align: center;
  cursor: pointer;
}

.strgameBC {
  display: flex;
  justify-content: center;
  align-items: center;  

  position: absolute;
  border: 1px solid yellow;
  background-color: grey;
  
  width: 160px;
  height: 30px;

  top: 50px;
  left: 200px;

  z-index: 102;
  text-align: center;
  cursor: none;

  opacity: .5;
  pointer-events: none;

}

.reinigameBC {
  display: flex;
  justify-content: center;
  align-items: center;  

  position: absolute;
  border: 1px solid yellow;
  background-color: grey;
  
  width: 160px;
  height: 30px;

  top: 50px;
  left: 370px;

  z-index: 102;
  text-align: center;
  cursor: none;

  opacity: .5;
  pointer-events: none;

}

.pausegameBC {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border: 1px solid yellow;
    background-color: grey;
    width: 80px;
    height: 30px;
    top: 50px;
    left: 544px;
    z-index: 102;
    text-align: center;
    cursor: none;
    opacity: .5;
    pointer-events: none;
}

.quitarBC {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border: 1px solid yellow;
    background-color: grey;
    width: 210px;
    height: 30px;
    top: 50px;
    left: 634px;
    z-index: 102;
    text-align: center;
    cursor: none;
    opacity: .5;
    pointer-events: none;
}

/*
  botonera Letters 
*/

.sacarLetters {
  display: flex;
  justify-content: center;
  align-items: center;

  position: absolute;
  border: 1px solid yellow;
  background-color: grey;
  
  width: 180px;
  height: 30px;
  top: 90px;
  left: 10px;

  z-index: 101;
  text-align: center;
  cursor: pointer;
}

.strgameLetters {
  display: flex;
  justify-content: center;
  align-items: center;  

  position: absolute;
  border: 1px solid yellow;
  background-color: grey;
  
  width: 160px;
  height: 30px;

  top: 90px;
  left: 200px;

  z-index: 102;
  text-align: center;
  cursor: none;

  opacity: .5;
  pointer-events: none;

}

.reinigameLetters {
  display: flex;
  justify-content: center;
  align-items: center;  

  position: absolute;
  border: 1px solid yellow;
  background-color: grey;
  
  width: 160px;
  height: 30px;

  top: 90px;
  left: 370px;

  z-index: 102;
  text-align: center;
  cursor: none;

  opacity: .5;
  pointer-events: none;

}

.pausegameLetters {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border: 1px solid yellow;
    background-color: grey;
    width: 80px;
    height: 30px;
    top: 90px;
    left: 544px;
    z-index: 102;
    text-align: center;
    cursor: none;
    opacity: .5;
    pointer-events: none;
}

.quitarLetters {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border: 1px solid yellow;
    background-color: grey;
    width: 210px;
    height: 30px;
    top: 90px;
    left: 634px;
    z-index: 102;
    text-align: center;
    cursor: none;
    opacity: .5;
    pointer-events: none;
}