.logo-container {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 20;
 padding-bottom: 1.5em; /* Espacio entre el logo y el contenedor principal */
}
.logo {
  width: 40px; /* Tamaño del logo */
  height: auto;
}
.main-container {
  
  text-align: center;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      display: block;
      max-width: 100vw;
      margin: auto;
    }
    .timer {
      color: red;
      font-weight: bold;
      font-size: 150%;
    }
    p {
      font-size: 18px;
      margin: 10px;
      font-size: 16px; /* Tamaño de texto base */
      font-size: 1em; /* Tamaño de texto en em (equivalente a 16px) */
    }
    .bold {
      font-weight: bold;
      font-size: 14px;
      padding-top: 0.50em
    }
    .main-container img {
      display: inline-block;
      max-width: 100%;
      height: auto;
  }
    .button {
      background-color: green;
      color: white;
      padding: 18px;
      border-radius: 10px;
      max-width: 80%;
      margin: auto;
      font-size: 125%;
    }
    h1 {
      margin-bottom: 5px;
      margin-top: 5%;
    }