/* etiqueta{propiedad:valor;} */
*{
    margin=0; padding: 0; box-sizing: border-box;
}
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&family=Roboto:wght@300;700&display=swap');

header{
    background: black;
    width: 100%;
    height: 40%;
    padding-bottom: 1rem
    
}

.nombreyfoto{
    display: f;
}
.foto{
    margin-top: 2%;
    border-radius: 18rem;
}
.nombre{
    line-height: 0.5rem;
    margin: 0.7%;
    padding: 1%;
    border-bottom: 0.01rem solid #FF5733;
}
.nombre p{
    font-family: 'Playfair Display', serif;
    color: white;
}

a{
    text-decoration: none;
    font-family: 'Playfair Display', serif;
    color: #FF5733;
}

.menu{
    font-family: 'Playfair Display', serif;
    color: #FF5733;
    margin-top: 1rem;
    margin-bottom: 0.5rem;    
    text-decoration: none; 
	font-size: 1.1rem; 
	font-weight: 500; 
    padding: 3rem;
        
}

body{
    color: black; 
    text-align:center;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin-top: 1rem;
    padding-bottom: 2rem;
    
}

.materiasaprobadas{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
	}

.materiaslista{
    margin: 3%;
    padding-top: 1%;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 2%;
    border: 0.01rem solid #e3e0e0;
    border-radius: 0.5rem;
    text-align: center;
    box-shadow: 0.2rem 0.2rem 0.2rem rgba(90, 90, 90, 0.15);
    
}

h2{
    background: white;
    color: #FF5733;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 1.3rem;
    margin-top: 7%;
    padding-bottom: 7%;
    border-bottom: 0.1rem solid #FF5733
}

.nombres{
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: #FF5733;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
}

h1{
    color: #FF5733;
    font-family: 'Roboto', sans-serif;   
}

.Integrantes{
    margin-top: 3rem;
    line-height: 1rem;
}

.companeras{
    margin: 3%;
    padding-top: 1%;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 2%;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
}

.alumnas:hover{
    background: black;
    color: #FF5733;
    padding: .2rem .2rem .2rem .2rem;
}

footer p{
    color: darkgray; 
    font-family: 'Roboto', sans-serif;
    font-weight: 300; 
    font-size: 0.7rem;
    text-align: center;
}