/* comentarios */

body {
    background: #F2ECE4;
}

.avatar {
    display: flex;
    justify-content: center;
    max-width: 15%;  
    height: auto; 
    margin: auto;
    border-radius:50%;
}

h1{color: #d8694d;
    justify-content: center;
    text-shadow: 1px 1px 2px  #dfaea2;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-family: 'Arvo', serif;
    text-align: center}

h2 {
    color:  rgb(117, 111, 101);
    margin-top: 0,5rem;
    margin-bottom: 0,5rem;
    font-family: 'Arvo', serif;
    font-size: medium;
    text-align: center;
}

h3 {
    color: #d8694d;
    font-family: 'Arvo', serif;
    font-size: 32px;
    text-align:center;
    margin-top: 2rem;
}

h4 {color:#d8694d;
    text-align: center;
    font-family: 'Arvo', serif;
    justify-content: center;
}


h5 {
    color:#685374 ;
    margin-top: 3rem;
    font-size: smaller;
    font-family: 'Poppins', sans-serif;
    text-align:center;  
    }


p {color: rgb(63, 57, 48);
    margin: left 2rem;;
    font-family: 'Poppins', sans-serif;
}

footer {color: rgb(117, 111, 101);
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: smaller;
    font-family: 'Poppins', sans-serif;
        text-align:center;  }

.materias ul {
    font-family: 'Poppins', sans-serif;
 
}

.ul {
    display: flex;
    justify-content: center;
}

.nav-container {
    background-color: white;
    display: flex;
    margin-top: 0;
    justify-content: center; /* add spacing between items */
}

.nav {
    font-family: 'Poppins', sans-serif;
    list-style-type: none;
    background-color: #A2C4E0;
    font-size: small;
    font-weight: 600;
    color: white;
    border-radius: 0.3rem;
    padding: 15px;
    display: inline-block;
}

.img-nivel {
    margin-left: 6rem;
    width: 50%;
}

.header-container {
    display: flex;
    justify-content: center;
}

.headerintro { 
    background-color: rgba(249,200,205,1);
    background: linear-gradient(90deg,#e1836c 0%, #F2ECE4 50%, #A2C4E0 100%);
    width: 100%;
}

.nivel {
    background-color: white;
    border-radius: 8%;
    width: 20%;
}

.estudios-container {
    display: flex;
    justify-content: center;
    border-radius: 4%
}


.materias {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.nav-integrantes {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0%;
    margin-left: 0rem;
}



.linea {
    background-color: #685374;
    border: 2px #685374; 
    height: 1px;
    margin-left: 12rem;
    margin-right: 12rem;
}



@media (max-width:90rem){
    .nivel {
        width: 40%;
    }
}

@media (max-width:40rem){
    .nivel {
        width: 90%;
    }
}

@media (max-width:90rem){
    .estudios-container {
        width: 120%;
    }
}

@media (max-width:40rem){
    .estudios-container {
        width: 120%;
    }
}

@media (max-width:40rem){
    .nav {
        width: 10%;
    }
}