/*

selector{propiedad:valor;}

*/

/* Link a imagen de fondo
https://images.unsplash.com/photo-1464982326199-86f32f81b211?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1yZWxhdGVkfDF8fHxlbnwwfHx8fA%3D%3D&auto=format&fit=crop&w=600&q=60 */

/* Body */
body{background-color: #F2B9B3; text-align: center}
body h1{font-family: 'Original Surfer', cursive; background: #f2857a; color: #ffdfc4;}
body h2 {background: #F2B9B3; color: white;}
body h5 {color: white; font-size: 1.5rem;}


/* Footer */
footer {background: #e2675b; padding: auto;text-align: center;}
footer p{font-size: 0.3rem; margin-left: 3rem; margin-right: 3rem; color: gainsboro}
footer a{font-size: 0.5rem; text-decoration: none; color: black}


/* Menu */
body nav {background:#f2857a; padding: 0rem;}
body nav a {text-align: right; margin: 1%;  padding: 3%; transition: all 200ms ease-in-out; }
nav a:hover {font-size: 1.1rem; color:  black; margin: 2%; padding: 3%; transition: all 180ms ease-in-out; width: 20%;}
.link-activo{background:#F2B9B3;}

*{margin: 0; padding: 0; box-sizing: 0;}
nav ul {background-color:#f2857a; margin-bottom: 0; margin: 0; padding: 1.2rem;}
nav ul li{display: inline-block; text-transform: uppercase; width: 12.5rem;}
nav ul li a{color:white; text-decoration: none; padding: 1rem;}

.menu {display: flex; justify-content: center ; list-style: none ; justify-content: space-between;margin-left: 10rem;margin-right: 14rem;}


/* Foto de perfil*/
body img{width: 20%; margin: 2%; padding: 0%; height: 25%; border: 0.3rem solid white; border-radius: 9rem 9rem 9rem 9rem;}


/* Materias */
h2{font-size: 2rem;}
article p{color: white;}
article h3{color: #ffdfc4; border-bottom: 1.5px solid #ffdfc4; border-bottom-width: medium; font-family: 'Original Surfer', cursive;}

.materiasN1{background: #f2857a; width: 30%; margin: 5%; padding: 3%; border-radius: 20%; margin-top: 2%; box-shadow: 0rem 0rem 1rem rgba(136, 135, 135, 0.28)}      
.materiasN2{background: #f2857a; width: 30%; margin: 5%; padding: 3%; border-radius: 20%; margin-top: 2%; box-shadow: 0rem 0rem 1rem rgba(136, 135, 135, 0.28)}      
.materiasN3{background: #f2857a; 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;}

h1{color: #f9f9f9; padding: inherit; margin-bottom: 1.5%;}


/* Integrantes */
.section-fotos {justify-content: center;}
.fotos {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: center; align-content: stretch; margin-bottom: 5%;}
.cuadro {text-align: center; margin-top: 3%;}
.foto {width: 8rem; height: 8rem; margin-bottom: 8%; margin-top: 8%;}
.nombre {color: white; padding: 0.8rem; width: 10%; text-decoration: none; font-size: 1rem; white-space: nowrap; font-weight: 500; border-bottom: 1.5px solid white; margin-bottom: 8%;}
.nombre:hover {background: #f2857a; color: white; transition: 0s; padding: 5%;}


/* Datos Académicos */
.datosacademicos {background-image: url(https://i1.wp.com/wallpaperaccess.com/full/2903412.jpg); color:black; padding: auto; display: flex;}
.facultad {width: 35%; font-size: 0.5rem; text-align: left; margin: 2%; margin-left: 4rem;}
.catedra {width: 35%; font-size: 0.5rem; text-align: left; margin: 2%; margin-left: -1rem;}
.logos {width: 80%; margin: auto;}
.logo-uba{border: 0rem;}
.logo-ocampo{border: 0rem;}