* {
  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;
  
  }