.hidden {
  display: none !important;
}
#splashimage {
  z-index: 998;
  height: 100%;
  background-image: url('./assets/splash-image.jpg');
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}
#start {
  /*z-index: 999;*/
  width: 50vw;
  height: auto;
  position: absolute;
  bottom: 5vh;
  left: 25vw;
  background-color: #AD50FF;
  border: 0.2em solid white;
  text-align: center;
  color: #FFF;
  border-radius: 100px;
}
h2 {
  font-size: 1.3em;
  text-align: center;
  font-family: monospace;
}

#overlay {
  z-index: 35;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

#savePrompt {
  position: absolute;
  left: 50%;
  bottom: 22vh;
  transform: translateX(-50%);
  max-width: 80vw;

  font-family: sans-serif;
  font-weight: bold;
  font-size: 6vmin;
  color: black;
  text-align: center;

  background-color: white;
  padding: 2vmin;
  border-radius: 10px;
}

#actionButton {
  /* change color of action button */
  background-color: #007aff !important;
}


#mensajeinicial{
  z-index: 998; 
  height: 100%; 
  position: relative; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover;
}
#mensajetexto{
  width: 50vw;
  height: auto;
  position: absolute;
  bottom: 5vh;
  left: 18vw;
  background-color: #00762f;
  border: 0.1em solid white;
  text-align: center;
  color: #FFF;
  border-radius: 10px;
  padding: 30px 30px 30px 30px;
}