#menuItems {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
  padding: 5vmin;
  border: 1vmin rgba(0, 0, 0, 0.6) solid;
  font-size: 7vmin;
}

button {
  font-size: 7vmin;
  background: rgb(123, 146, 196);
  color: white;
  cursor: pointer;
  transition: 0.3s;
  border: none;
  border-radius: 1vmin;
}

button:hover {
  background: orange;
  color: black;
}

button:disabled {
  background: lightgray;
  color: gray;
  cursor: default;
}

select {
  font-size: 7vmin;
  cursor: pointer;
  border: none;
  border-radius: 1vmin;
  outline: none;
}

#time {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

#scoresContainer {
  height: 43vh;
  overflow: auto;
}

#btniniciar {

}

#area {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;

  margin: 0;
  overflow: hidden;
  z-index:10;
}

input {
  font-size: 7vmin;
  border-radius: 1vmin;
  width: 50%;
  text-align: center;
}