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: xx-large;
                    text-align: center;
                    }

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

        .materias {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
            
.nivel {
    
    padding: 32px;
    margin: 3px;
    border: 1px solid #EAEAEA;
    border-radius: 1rem;
    width: 30%;
    box-shadow: 0.2rem 0rem 0.5rem rgb(0 0 0 / 10%);
    background-color: #FFFF;
    text-align: center;
    text-decoration: none;
}
.img { justify-content: center}
  footer {
    background-color: #00;
    padding: 24px;
    color: 2097A6;
    text-align: center;
    font-size: smaller;
        
}

 nav ul li a:hover { padding: 12pt ; color:#2097A6; text-decoration: none; margin: 12pt} 


.integrantes a { padding: 12pt ; color:#0F62FE; text-decoration: none; margin: 12pt} 

.integrantes a:hover { padding: 12pt ; color:darkblue; text-decoration: none; margin: 12pt} 

#logo {
    float: left;
    
}

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

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

.appfigma { 
    justify-content: center;
}

.appfigmamapa { 
    justify-content: center;
}

.appfigmaplan { 
    justify-content: center;
}