*{ padding: 0; margin: 0;}
*{margin: 0; padding: 0; box-sizing: border-box;}
body {background-image: url(img/fondo%20abst.jpg); font-family: monospace ; text-align: center;}
h1{ color: white; font-size: 1rem; text-align: right;}
h2{font-family: 'Cairo', sans-serif; color: #ebef99}
h3 {color: #e8eabf; font-size:'Cairo', sans-serif; font-size: 1,5rem;}
h4{color:#e8eabf; font-size: 2rem; font-family: sans-serif}
justify-content: center;
}
.integrantes{ }
.foto {
width: 150px;
height: 150px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
border-color: #e6a8e6;
border: 0.1rem solid #ffffff;
border-radius: 10rem;
}
.nombre{background: rgba(169, 146, 188, 0.81); font-family: 'Cairo', sans-serif; width: auto}
.niveles{display: flex; justify-content:space-around;font-family: 'Cairo', sans-serif; color:#e8eabf }
.nivel-1{background-color: rgba(169, 146, 188, 0.81); width: 20%;}
.nivel-2{background-color: rgba(169, 146, 188, 0.81);width: 20%;}
.nivel-3{background-color: rgba(169, 146, 188, 0.81); width: 20%;}
.encurso{background-color: rgba(169, 146, 188, 0.81);width: 20%;}
.integrantes{background:rgba(169, 146, 188, 0.81);font-family: 'Cairo', sans-serif; color: azure }
.titulo{color: #e8eabf; font-size:'Cairo', sans-serif; font-size: 2rem;display: flex; justify-content:space-around; }
.fotosallado{display: flex; justify-content: space-around}
.fotoariel{width: 100px;
height: 100px;
border-color: #e6a8e6;
border: 0.1rem solid #ffffff;
border-radius: 10rem;}
.fotomale{width: 100px;
height: 100px;
border-color: #e6a8e6;
border: 0.1rem solid #ffffff;
border-radius: 10rem;}
.fotohugo{width: 100px;
height: 100px;
border-color: #e6a8e6;
border: 0.1rem solid #ffffff;
border-radius: 10rem;}
.fotocaro{width: 100px;
height: 100px;
border-color: #e6a8e6;
border: 0.1rem solid #ffffff;
border-radius: 10rem;}
footer p {
color: #aa80ac;
padding: 0.8rem;
font-size: 0.8rem;
font-family: 'Raleway', sans-serif;
text-align: center;
text-decoration-color: black;
background: rgba(255, 255, 255, 0.75);
}
}