*{padding: 0; margin: 0; box-sizing: border-box;}
 

/* PARTE SUPERIOR*/

header {justify-content:flex-start;display: flex; box-sizing: border-box; height: 40px; background: #850396 ;}


/*MENU DESPLEGABLE*/



.menudesplegable {height: 40px; width: 100%; margin-top: 0; display: block;}

ul {list-style: none;}
.nav > li {float:left;}
.nav li a { background-color:#850396;
			color:#fced99;
			text-decoration:none;
			padding:10px 12px;
			display:block; }

.nav li a:hover { color:#fff; font-size: 105%; transition: all 500ms ease;}
			
.nav li ul {	display:none;
				position:absolute;
				min-width:140px; }
			
.nav li:hover > ul {
				display:block; }
			
.nav li ul li { 
				position:relative;	}
			
.nav li ul li ul {
				right:-140px;
				top:0px; }

.nav li a:hover {
    background-color:#ff9e19;}


body {font-family: 'Montserrat', sans-serif, cursive; 
    color: #7b0198; 
    background: #ffe1ff; 
     } 


.fotoperfil img {border-radius: 50rem; width: 20rem; height: 20rem;
margin: auto; display: flex; }


.portada {background-image: url(background5.jpg); height: 37rem; padding-bottom: 3rem; padding-top: 2rem;}

h1 {color: #7b0198; margin: auto; text-align: center; padding: 2rem; padding-bottom: 1rem;}
h2 {text-align: center; margin-top: 5rem; ; padding: 1rem; ; margin: auto; }
h2 p {border: 1px solid #7b0198; border-radius: 5rem; width: 22.5rem; height: 2.5rem; margin-top: 2rem; padding: 0.3rem;}
h3 {text-align: center; display: inline-flex; margin: auto; padding: 0.7rem; }
p { padding: 1rem; padding-top: 0; margin: auto; text-align: center; }
h2 p:hover {background: #7b0198; color: #fced99;}

.links { justify-content: space-around; text-align: center; padding: 2rem; color:#ff9e19; }

.links a {text-decoration: none; color: #7b0198; }

.icon-facebook2 { font-size: 2rem; padding: 0.5rem; }
.icon-instagram {font-size: 2rem; padding: 0.5rem;}
.icon-behance2 { font-size: 2rem; padding: 0.5rem;}

.seccion1 {justify-content: space-between; display: flex;}
.parrafo {  text-align: center; justify-items: center; margin: auto;}
.parrafo ul li {padding: 0.5rem;}
.parrafo ul {padding-bottom: 2rem;}
.parrafo0 {margin-top: 0;}

/*PIE DE PAGINA*/
footer {background: #a30c8c ;padding: 1rem;}
footer p {color: #e2e2b0; font-size: 0.8rem;}

@media screen and (min-width: 48rem) {
.materias {
    display: flex; 
    justify-content: space-between;}
    .nivel1 {width: 33%; padding: 1rem;}
    .nivel2 {width: 33%; padding: 1rem;}
    .imagen {width: 250px; padding: 3rem 1rem 2rem 4rem; 
    display: flex;}
    article {width: 33%;}   
    
}