/*
selector etiqueta {propiedad:valor;} 

para texto {color: valor;}
*/

/* etiqueta fuentes*/
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

/* etiqueta universal para todo el archivo*/
*{margin: 0; padding: 0; box-sizing: border-box;}

/*contenedor de todo el body*/
.contenedor {max-width: 75rem; margin: auto;}

body {background: #ffffff; font-family: Arial; text-align: center;}

/* navegación header*/
nav {background: black;}
header nav ul {list-style: none;}
header nav ul li {margin: 1rem;}
header nav ul li a{display: block; text-decoration: none; padding: 1rem; color: white}
header nav ul li a:hover{background-color: #ff5129; color: white;}
ul{display: flex; justify-content: space-around}

/* seccion titulo presentacion*/
h1{color: white; font-family: 'Montserrat', sans-serif; font-size: 2rem; margin-top: 5rem; padding: 2rem;}

.imagen {background-color:#1ebaab; display: flex; justify-content: space-around; justify-content: center;}
img {border-radius: 10rem; border: solid white; width: 20%; margin: 2rem}


/* seccion materias */
.materias {display: flex; justify-content: space-around; margin-bottom: 8rem;}
.segundo {width: 30%; border: 0.1rem solid black ; padding: 1rem; box-shadow: 0rem 0rem 0.5rem rgba(0, 0, 0, 0.20); color: black}
.segundo h4 {margin-bottom: 1rem; color: #1ebaab}
.segundo h5 {margin-top: 1rem; color: #1ebaab}
.titulomaterias {margin: 0%; font-size: 3rem; margin-top: 5rem; color: black; font-family: 'Work Sans', sans-serif;}
.materiasaprobadas {font-size: 1.5rem; margin: 3rem; color: #ff5129; font-family: 'Montserrat', sans-serif;}


/*seccion alumnas navegacion */
.integrantes h2{color: white; font-family: 'Montserrat', sans-serif;}

.integrantes {
    background: #ff5129; 
    padding: 1%;
    border: 0.1rem dashed #99C1DE;
    box-shadow: 0rem 0rem 0.5rem rgba(0, 0, 0, 0.20); 
    display: flex; justify-content: space-around; }
.integrantes a {text-decoration: none; color: white; padding: 1rem; }
.integrantes a:hover{background-color: black; color: white;}


/* seccion descripcion tp*/
.descripcion {background: #1ebaab; color: white; padding: 2rem}
.descripcion h4 {padding: 1rem; color: black; font-family: 'Montserrat', sans-serif;}

/*legales*/
footer p{color: #939292; font-size: 0.7rem; padding: 2rem}