header img {
    display: inline-block;
    margin-right: 24px;
    width: 220px;
    border-style: solid;
    border-color: yellowgreen;
    border-width: 0px;
            box-sizing: border-box;
            
        }
        
        header {
        justify-content: center;     

    border-radius: 1em;
    padding: 24px;
            
        }


        body {
            
background-color: #F9F7F9);
background: rg;
  background-attachment: #0F62FE;

            
            padding: 24px;
        font-family: 'Nunito', sans-serif;

        }

        nav ul li {color:#0F62FE ; margin: 4pt; display: inline-block; padding: 0   px; align-content: flex-start;} 
        nav ul li a { padding: 12pt ; color:#0F62FE; text-decoration: none; margin: 12pt} 
        .link-activo { background: #f5f5f5; border-radius: 1em}
        nav a {
	line-height: 1rem;
	height: 100%;
	font-size: 1rem;
	display: inline-block;
	position: relative;
	z-index: 1;
	text-decoration: none;
	text-align: center;
	color: #0F62FE;
	cursor: pointer;
}

 h1 {               
                    color: #0F62FE;
                    font-size: 50px;
                    text-align: left;
     padding-left: 30px;
     padding-top: 200px;
                    }

                 h2 { 
                     font-size: xx-large;
                     text-align: center;
                color: #0F62FE
                }

         h3 { color: #333333;
            text-align: center;
             font-size: small; 
}

                    h5 {color: #fff;
            display: flex;
              padd
            font-size: xx-large;
            padding: 20px;
            text-align: center;
            padding-top: -15px;
            
}
h4 {color: #0F62FE;
    font-size: 24px;
    text-align: left;
    margin-top: 60px;
    margin-left: 60px;
   
}

h6 {text-align: left;
    color: #333333;
    font-weight: lighter;
    font-size: 21px;
    margin-top: 12px;
    margin-right: 20px;
    margin-left: 60px;}
                h7 {
    color: #333333;
    font-weight: lighter;
                    text-justify:auto;
                    justify-content: flex-start;
                    margin-left: 10px;
                    padding-left: 20px;
                    font-size: 21px;
                    padding-top: 10px;
                    display: flex;
    
}
    


        .main {
            background-color: #f7f7f7;
    display: flex;
            align-content: flex-start;
}
            
.texto {
    width: auto;
    
    
}

.mockup {
    object-fit: cover;
    width: auto;
    max-width: 1200px;

}


.img { 
    align-content: flex-end

}

.primer {display: flex;
         margin: auto;
         justify-content: space-around;
         padding: 60px;
         max-width: 1200px;

}


}

.segundo {display: block;
         margin: auto;
        justify-content: space-around;
    padding: auto;
         max-width: 1200px;

}


}

.img-app-01 {object-fit: cover;
    align-content: flex-end;
    margin: auto;
    padding: 50px;
}
            .img-app-02 {object-fit: cover;
    align-content: flex-end;
    margin: auto;
    padding: 50px;
}

            .img-app-02 {object-fit: cover;
    align-content: flex-start;
    margin: auto;
    padding: 100px;
}



  footer {
      max-width: 1200px;
    background-color: #00;
    padding: 24px;
    color: 2097A6;
    text-align: center;
    font-size: smaller;
        
}


#logo {
    float: left;
    
}

#menu {
    text-align: right;
    display: block;
}
#datosAcademicos{
     color:#fff;
    padding-top: 20px;
 
}

.grupo{
    background-color: #0F62FE;
    padding-bottom: 20px;
}