* {
    box-sizing: border-box;
  }

  body{
    justify-content: center;
    
  }
  
  img{
        width: 40%;
        position: center;
        text-align: center;
        display: flex;
        justify-content: center;
        
  
    }

    .contenedor{
      display: flex;
      justify-content: center;
      }

      .inicio{
        background-color:#01395a;
        padding: 5pt;
        margin: 1em;
        width: 30%;
        border-radius: 15px;
        padding-left: 12pt;
        
    }
    
    .grupos{
        background-color:#01395a;
        padding: 5pt;
        margin: 1em;
        width: 30%;
        border-radius: 15px;
        
    
    }
    
    .cuenta{
        background-color:#01395a;
            padding: 5pt;
            margin: 1em;
            width: 30%;
            border-radius: 15px;
            
            
    }

    a{
      color: #F37369;
      text-decoration: none;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size: 15pt;
      
    }

    ul{
      list-style: none;
      display: flex; 
      justify-content:center;
      align-items: center;
      align-content:center;
      
      }

      .buscar{
        color: #FF9C00;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 6pt;border-style:double;
        margin-left: 1em;
        padding: 1em;
      
      
      }

      .marcos{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color:#01395a;
        background-color: #F37369;
        font-size: 18pt;
        padding: 1pt;
        border-radius: 15px;
        align-items: center;
        margin-top: 50px;
        margin: 60px;
        justify-content:center;
        align-content:center;
        display: flex;
      justify-content: center;
      }

      h4{
        margin-left: 70px;
        text-decoration:underline;
        font-size: 10pt;
        margin-top: 2em;
        font-family: Verdana, Geneva, Tahoma, sans-serif;

      }
      
      .cupos{
      margin-left: -30pt;
      color:#F37369;
      }

.mapa{
  display: flex;
  margin-left: 60px;
}

.llegar{
  color: #FF9C00;
}
      .limpieza{
        margin-left: 50px;
        margin-top: 70px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color:#F37369;
        font-size: 16pt;
      }


.fecha{
  margin-left: -270px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #01395a;
  margin-top: 10px;
  font-size: 18pt;

}


.final{
  margin-top: 100px;
  margin-left: -40pt;
}

.reloj{
  margin-left: 30px;
}


.hora{
  margin-left: -250px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #01395a;
  margin-top: 10px;
  font-size: 18pt;
  margin-right: 30pt;
}


.integrantes{
  margin-top: 70px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #F37369;
  margin-left: 30pt;

}

.personas{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #01395a;
  font-size: 10pt;

}

      footer{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color: whitesmoke; 
        font-size: 9pt;
        background-color:#01395a;
    padding: 1em;
    margin-top: 7em;
    
    }