/*selector{propiedad;valor} */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;600;700&display=swap');
*{ margin:0;padding: 0; box-sizing:border-box}






/* Hipervinculos */
a{text-decoration: none;
color;#fff }
a:hover{color: #491BF2}
li{text-decoration: none;
color: #fff}
li:hover{color: #fff}
a:link{text-decoration: none;
color:
}

/*Menu */ 
nav{list-style: none;
    text-align: center;
    padding: .5REM;
    padding-bottom: .5rem;
    margin-left: 5rem;
    margin-right: 5rem;
    text-decoration: none;
    color: rgb(50, 84, 152);
    font-size: 20px;
    background:linear-gradient(to right, rgb(151, 150, 240), rgb(251, 199, 212)); 
    word-spacing: 30px;font-family: 'Work Sans', sans-serif;font-weight: 600;

}


/*Encabezado */
header{ text-align: center;
    height: 150px; 
    padding: 12px;
    margin-bottom:21rem;
background: linear-gradient(to right, rgb(151, 150, 240), rgb(251, 199, 212))}

h2{font-family: 'Work Sans', sans-serif;font-weight: 400}
h3{font-family: 'Work Sans', sans-serif;font-weight: 800}

.avatar{width: 200px; 
    height: 200 px;
    border-radius: 50%;
margin:1REM;
    margin-top:4rem;
    border: 6px solid rgb(151, 150, 240)
}

.user-name{font-size: 20px;
    margin-top: 14px; 
    margin-bottom: 14px;
    margin-right: 10%;
    flex-wrap: wrap;
    padding: 1%;
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    background-color:rgb(250, 240, 229);
    border-radius: 16px;
    width: 100%;
    text-align: center;
    font-size:30PX;
    padding-left: 5%;
    padding-right: 5%;
    font-family: 'Work Sans', sans-serif;font-weight: 700
}




body{background: rgb(255, 246, 237);
    color: #8263F2; margin-top: rem;
    }



.materias-aprobadas{ text-align: center;
    justify-content: center;
    color: aliceblue;
    font-size: 30px;
    background: linear-gradient(to right, rgb(151, 150, 240), rgb(251, 199, 212));
    margin-left: 0%;
    margin-right: 0%;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
font-family: 'Work Sans', sans-serif;font-weight: 600}



.materias{display: flex;
    flex-direction: row;
    flex-wrap: nowrap; 
    justify-content: space-around; 
     align-items: stretch; 
     align-content: center; 
     text-align: center; 
     padding-left: 3%; 
     padding-right: 3%;
     padding-bottom: 3%; 
     margin: 2%; 
     font-family: 'DM Sans', sans-serif; 
     font-size: 16px;
    line-height:40px }

.niveluno{
    background: rgba(151, 150, 240, 0.64);
    color: #fff;
    
    width: 45%;
    text-align: center;
    padding-bottom: 2%;
    padding-right: 2%;
    padding-left: 2%;
    padding-top: 1.3rem;
    margin: 3%;
    border-radius: 15px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .2)}
.niveldos{
    background:rgba(151, 150, 240, 0.64);
    color: #fff;
    width: 45%;
    text-align: center;
    padding-bottom: 2%;
    padding-right: 2%;
    padding-left: 2%;
    padding-top: 1.3rem;
    margin: 3%;
    border-radius: 15px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .2) }

/*SEGUNDO ARTICULO- CONOCE MAS SOBRE NOSOSOTROS*/

.titulo-nosotros{
    text-align: center;
    justify-content: center;
    color: aliceblue;
    font-size: 30px;
    background: linear-gradient(to right, rgb(151, 150, 240), rgb(251, 199, 212));
    margin-left: 0%;
    margin-right: 0%;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    font-family: 'Work Sans', sans-serif;font-weight: 700
        

}

.companeros{ 
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: center;
    text-align: center;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    padding: %;
    margin: 2%;
    margin-bottom: 5%;
    text-decoration: none;
    font-family: 'Work Sans', sans-serif;font-weight: 600;
text-decoration: none}

.imagenredonda{ width: 200px;
    height: 200px;
    border-radius: 100px;
    border: 3px solid rgb(251, 199, 212);
    align-content:center;
    flex-wrap: nowrap;
    justify-content: space-around;
    margin: 4pc;
    margin-bottom: 2rem
}



.ariel{ 
    text-align: center;
align-content: center;
flex-wrap: nowrap;
margin-left: center 
}



.datosacademicos{
    background: linear-gradient(to right, rgb(151, 150, 240), rgb(251, 199, 212));
    color: #fff;
    padding: 0%;
    display: flex;
    align-content: flex-end;
    justify-content: space-around;
    align-items: center;
    text-decoration: none;

   
    
}
.infofadu{
    width: 28%;
    font-size: 1rem;
    text-align: left;
    margin: 7%;
    margin-top: 0;
    font-family: "DM Sans", sans-serif; font-weight:100;
    
}

.infocatedra{
    width: 28%;
    font-size: 1rem;
    text-align: left;
    margin: 2%;
    font-family: "DM Sans", sans-serif; font-weight: 100;
    text-decoration: none
    
    
}

ul{
    list-style-type: none;
    text-decoration: none
}



.logouba{width: 300px; 
    height: 300 px;
    margin:1REM;
    margin-left: 89;
    margin-top: 100
}

.logoocampo{width: 500px; 
    height: 100p
   
}

.ultimocontenido{
    flex-wrap: wrap;
    display: flex
}








/*footer*/
footer{display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: center;
    text-align: center;;
    font-size: 14px;
    padding: %;
    margin: %;
    text-decoration: none;
    
    text-align: center;font-family: 'Work Sans', sans-serif;font-weight: 100;
    padding: %;
    font-size: 1rem;
    background: linear-gradient(to right, rgb(151, 150, 240), rgb(251, 199, 212));
    color: aliceblue;}

.container{}
.sec-aboutus{width: 80%;
position: relative;
color: #FFF;
font-weight: 300;
margin-bottom: 15px;text-align:left;
margin: 12%}

.sec-aboutusdos{ width:%;
position: relative;
color: #FFF;
font-weight: 300;
margin-bottom: 15px;text-align:left; 
margin: 2%}

.sec-aboutustres{width:45%;
position: relative;
color: #FFF;
font-weight: 300;
margin-bottom: 15px;text-align:left;
margin: 2%}

.sec-aboutuscuatro{ width: 95%;
position: relative;
color: #FFF;
font-weight: 300;
margin-bottom: 15px;text-align:left;
margin: 2%;margin-top:25}