*{
    font-family:"Urbanist", sans-serif;;
    box-sizing: content-box;
    max-width: 100vw !important;
}
body{
    margin: 0 auto;
}
.nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav a{
    text-decoration: none;
    color: #000;

}
.nav a:hover{
    color: #04a114;
    transition: 0.1s;
    font-weight: 900;
 
}
nav{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin: 2rem auto;
    padding-top: 1rem;
}
nav ul li{
    list-style: none;
    display: inline;
    padding: 0 4rem;
    text-decoration: none;
}
.perfil{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    align-items: center;
    margin: 4rem 10rem;
}
.perfil img{
    width: 25rem;
    border-radius: 0.4rem;
}
.text{
    padding: 0 2rem;
}
.text h1{
    font-size: 10rem;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    margin: 2rem 0;
}
.text h2{ 
    text-align: center;
    font-size: 5rem;
    margin: 1rem 0;
}
.layout{
    display: flex;
    flex-flow: row nowrap;
    width: 100vw;
    border: solid #000 3px;
}
.materias{
    width: 33%;
    border-right: solid #000 3px;
}
.item-title{
    border-bottom: solid #000 3px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
}
.item-1{
    border-bottom: solid #000 3px;
}
.item-1 h3{
    text-align: center;
}
.item-1 ul li{
    list-style: none;
}
.item-3 h3{
    text-align: center;
}
.item-3 ul li{
    list-style: none;
}
.anio{
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    margin: 0 2rem;
}
.anio-1 h3{
    display: block;
    margin: 0;
}
.foto{
    width: 33%;
    border-right: solid #000 3px;
    background-image: url(../img/perfil.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgb(123, 102, 75);
}
.foto img{
    width: 33%;
}
.integrantes{
    width: 34%;
    display: flex;
    flex-flow: column;
    justify-content: center;

  
}
.integrantes h2{
    text-align: center;
    text-transform: uppercase;
}
.integrantes li{
    list-style: none;
}
.item{
    display: flex;
    flex-flow: column;
    text-align: center;
}
.inte{
    height: 10rem;
    background-color: blueviolet;
}
.inte a{
    text-align: center;
    text-decoration: none;
    font-size: 4rem;
    color: #fff;
}
.inte2{
    height: 10rem;
    background-color: rgb(255, 177, 109);
}
.inte2 a{
    text-align: center;
    text-decoration: none;
    font-size: 4rem;
    color: #fff;
}
.inte3{
    height: 10rem;
    background-color: rgb(246, 230, 135);
}
.inte3 a{
    text-align: center;
    text-decoration: none;
    font-size: 4rem;
    color: #fff;
}

.inte4{
    height: 10rem;
    background-color: rgb(132, 215, 238);
}
.inte4 a{
    text-align: center;
    text-decoration: none;
    font-size: 4rem;
    color: #fff;
}
article p{
    display: block;
    margin: 3rem 4rem;
}
footer{
    background-color: #000;
}
footer p{
    display: block;
    margin: 0 15rem 2rem 15rem;
    padding: 3rem 0;
    color: #fff;

}