/* Comentarios */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;700&display=swap');

*{padding: 0; margin: 0; font-family: "Quicksand" sans-serif; box-sizing: border-box; transition: 2s;}


/*MOBILE*/

/*INICIO BODY*/
body{background: white; color: black;}

/*INICIO HEADER*/

header{height: 300px; background-image: url("https://s3-sa-east-1.amazonaws.com/modernabuenosaires/img/obras/galeria/109_1408991254.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: black;}

header h1{color: #F2F3F4; text-align: center; margin-top: 1rem; font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: 1rem; margin-bottom: 0.5rem;}

/*FOTO PERFIL*/
            
img{height: 10rem; width: 10rem; border-radius: 100%; margin-bottom: 0.5rem; display: block;}
figcaption p{font-size: 0.8rem; padding-top: 0.5rem;}
figcaption p a{text-decoration: none; color:#F2F3F4; text-align: center; font-family: 'Quicksand', sans-serif; font-weight: 400;font-weight: bold;}


/*INICIO NAV*/

nav{background: rgba(#24545E / 23%); height: 50px; display: flex; flex-wrap: wrap; justify-content: space-around; margin: auto;}
nav ul li{display: inline-block; padding: 1rem;}
nav ul li a{text-decoration: none; color: white; list-style: none; font-size: 1rem; font-family: 'Quicksand', sans-serif; font-weight: 400;font-weight: bold;}
nav ul li a:hover{color: #24545E;}

/*INICIO MAIN*/
            
section{margin: 0.6rem;}
.titulos{text-align: center; letter-spacing: 2px; border-top: 2px solid #F2F3F4; border-bottom: 2px solid #F2F3F4; padding: 0.5rem; line-height: 1.5rem; color: #24545E;}
.titulos h2{font-family: 'Quicksand', sans-serif; font-weight: 500;}


/*MATERIAS*/
.contenedor{display: flex; flex-wrap: nowrap; flex-direction: column;width: 100%;}
.marco{margin: 0.5rem; padding: 0.5rem; width: 100%; height: 20rem; border: 2px solid #F2F3F4;}
.materias{list-style: none; font-family: 'Quicksand', sans-serif; font-weight: 400; text-align: center; margin-top: 1.5rem;}
.nivel{color: #24545E; font-size: 1rem; font-family: 'Quicksand', sans-serif; font-weight: 400; line-height: 3rem; text-align: center;}

/*INICIO FOOTER*/
footer{bottom:0; background: #24545E; color: #F2F3F4; font-size: 0.8rem; padding: 1rem; font-family: 'Quicksand', sans-serif; font-weight: 400;}
    



/*PANTALLA GRANDE*/

@media screen and (min-width: 48rem){
    
    
/*INICIO HEADER*/
header{height: 500px; background-image: url("https://s3-sa-east-1.amazonaws.com/modernabuenosaires/img/obras/galeria/109_1408991254.jpg");}

header h1{margin-top: 3rem; font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: 2rem;}
    
/*IMÁGEN*/    
img{height: 16rem; width: 16rem;}
figcaption p{font-size: 0.8rem; padding-top: 0.5rem;}
figcaption p a{text-decoration: none; color:#F2F3F4; text-align: center;}


/*INICIO NAV*/
nav{height: 80px;}
nav ul li{margin: 1rem;}
nav ul li a{position: relative; font-size: 1.3rem; font-family: 'Quicksand', sans-serif; font-weight: 400;font-weight: bold;}


/*INICIO MAIN*/
section{margin: 1rem;}
.titulos{letter-spacing: 3px; padding: 1rem; line-height: 2rem;}
.titulos h2{font-family: 'Quicksand', sans-serif; font-weight: 500;}


/*MATERIAS*/
.contenedor{display: flex; justify-content:space-around; text-align: center; flex-direction: row; align-items: center;}
.marco{width: 20rem; height: 20rem;}
.materias{font-family: 'Quicksand', sans-serif; font-weight: 400;}
.nivel{font-family: 'Quicksand', sans-serif; font-weight: 500; line-height: 2rem; margin-top: 1rem;}
    
/*INICIO FOOTER*/
footer{bottom:0; background: #24545E; color: #F2F3F4; font-size: 0.8rem; padding: 1rem; font-family: 'Quicksand', sans-serif; font-weight: 400;}
    



    }