@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');

/*selector universal * - 1rem = 16px */

*{padding: 0;margin;0;box-sizing: border-box; transition: 1s all}

body {font-family: roboto, sans-serif; display: flex; flex-direction: column;justify-content: flex-end}


/*TITULO Y FOTO */

.alumna-foto{justify-content: center;text-align: center}

header { background:#B39DDB; padding: 1rem}

h1 { font-weight: 700; font-size: 1.8rem; color:antiquewhite;margin-bottom: 1rem} 

IMG{ border: 2px solid #9575CD; border-radius:100px; width:100px;margin-top: 1rem}


/*BARRA NAVEGACION*/

nav{background:#9575CD}
nav ul {display: flex; justify-content: center;padding: 1rem}
nav ul li{display: inline-block}
nav ul li a {margin:1.5rem;color:#EDE7F6 ;font:16px roboto-bold;text-decoration-line: none}


/*ARTICULOS-Materias*/


main {display: block;padding: 1rem;background-color: antiquewhite}

main section article{padding: 1rem}

h3{font-weight: 700;font-size: 1.5rem; color:#9575CD;margin:1rem;}

h4{font-weight: 500; font-size: 1.2rem; color:#ffff;margin:1rem}

p{margin:1.5rem;margin:1.5rem; font-size:0.9rem; color:#ffff;}

    
.columna1 {width:100%; background-color:#9575CD;1rem}
.columna2 {width:100%; background-color:#B39DDB;padding: 1rem}


/*FOOTER*/


footer {background-color: #9575CD;font-style: italic;font-size:0.8rem }



/*tamaño pantalla cuando es mayor a 768px*/
@media screen and (min-width:48rem){

   
.materias{ display: flex;justify-content: space-between}    
.columna1 {width:100%; background-color:#9575CD;1rem}
.columna2 {width:100%; background-color:#B39DDB;padding: 1rem}
    
}