*{ margin 0; padding 0; box-sizing: border-box}
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');



body{
    background: #062743; 
font-family: 'Roboto';
    text-align: center;
margin: auto;}

.materias{
    background: #1891ac;
    width: 30%;
    margin: 5%;
    padding: 3%;
    border-radius: 20%;
    margin-top: 2%;
box-shadow: 0rem 0rem 1rem rgba(136, 135, 135, 0.28)
}      

.niveles{display: flex;
}

h4{font-weight:1000;
color: white;
}
h1{color: #f9f9f9;
padding: inherit;
    margin-bottom: 1.5%;}
h2{color: #fcb8e4;}
h3{font-weight: 700;
color: #f9f9f9;
}

/* Imagen */ 

.imagen{
    width: 20rem;
    height: 20rem;
    margin-top: 1%;
    padding: 2%;
    border-radius: 50%;
    box-shadow: 0rem 0rem 0.5rem rgba(23, 23, 23, 0.28);
align-items: flex-end;
    justify-items: flex-end;
}

    }

/* Menu */ 

nav { padding: 0.3rem; background: #4b75c3; font-weight: 600; font-size: 1.4rem; }
nav ul li a { color: #fcb8e4; text-decoration: none; }
nav ul li ahover {color: #ffffff; }
.menu {display: flex; justify-content: center ; list-style: none ; justify-content: space-between;margin-left: 16rem;margin-right: 20rem;}
.grupo1 a {text-decoration: none; color: white;font-weight: 100;margin-left: 8rem;margin-right: 8rem;}

a {text-decoration: none;}


/* Datos */ 

.contenedor-informacion{
 	display: flex;
	flex-direction: row;
	flex-wrap: wrap-reverse;
	justify-content: space-around;
	align-items: center;
	align-content: flex-start;
 	margin-top: 4%;
 	font-family: 'Roboto';
    background-color: #1891ac;
    

 
 }


.informacion {
	
color:  #fcb8e4;
text-align: left;
    margin-right: 40%;
    width: 50%;
        padding-bottom: 1%;}


.imagenfadu{
    margin-top: 1%;
    padding: 0%;
align-items: flex-end;
    justify-items: flex-end;
    width: 18%;
    margin-left: 163%;
    margin-top: -8%;
}

    
    .informacion1 {
color:  #fcb8e4;
text-align: right;
        margin-left: 40%;
        margin-top:-29.5%;
        width:50%
;
     }



/* Footer */

.footer {color: white;
    font-style: italic;
    font-family: 'Open Sans';
    font-size: 1rem;}
.catedra:hover{
    color:white;
    transform: scale(1.1)
}