/*----------------------ROTULO BELEN---------------------*/


/*---------------------------------------body---------------------*/

.belen1 {
    background-image: linear-gradient(#a2cff0, #dca3c6);
    border-radius: 1em;
    background: url(../../imagenes/imagendecoracion.jpg) repeat;
}


/*-------------------------------------header------------------*/

#logodgpc3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 7rem;
    margin: 0.2em;
}
#headerbelen {
    display: flex;
    justify-content: space-between;
    background-image: linear-gradient(#bd4c91, #3ea4bf);
    align-items: center;
    margin: auto;
    max-width: 30em;
    border: solid 2px #A8EDEA;
    box-shadow: 0 2px 2px 2px #9ba0d9;
    border-radius: 2rem;
    flex-direction: column;
    padding: 1%;
}
#headerbelen nav ul {
    display: flex;
    flex-direction: row;
    margin: 1em;
    text-decoration: none;
    padding: 0.4em;
    justify-content: space-around;
    font-family: sans-serif;
    width: 21rem;
    background-color: white;
    color: #bd4c91;
    border-radius: 1rem;
    box-shadow: 0 0 .9em purple;
    font-family: "raleway", sans-serif;
}
#headerbelen nav ul a:hover {
    color: fuchsia;
}



/*------------------------------------main-----------------*/

#imagenbelen h1{
    font-family: "aclonica", sans-serif;
    font-weight: 100;
    font-size: 2em;
    color:aqua;
    margin: 0.2em;
}
#materiasencursobelen h2{
    color: aqua;
    text-align: center;
    font-size: 1.3em;
    font-weight: 400;
    margin: 0.2em;
    
}
#materiascursadasbelen h2{
    color: aqua;
    text-align: center;
    font-size: 1.3em;
    font-weight: 400;
    margin: 0.2em;
}

#mockupbelen h2{
    color: aqua;
    text-align: center;
    font-size: 1.3em;
    font-weight: 400;
    margin: 0.2em;
}

#datosacademicosbelen h2{
    color: aqua;
    text-align: center;
    font-size: 1.3em;
    font-weight: 400;
    margin: 0.2em;
}
#datosacademicosbelen h3{
    color: aqua;
    text-align: center;
    font-size: 1.3em;
    font-weight: 400;
    margin: 0.2em;
}

#datosacademicosbelen h4{
    color: aqua;
    text-align: center;
    font-size: 1.3em;
    font-weight: 400;
    margin: 0.2em;
}

#datosacademicosbelen p {
    color: white;
    font-size: 0.9em;
    margin: 0.2em;
}
#datosacademicosbelen ul a:hover {
    color: fuchsia;
}


.belenmain section{
    margin: 0.2em;
    max-width: 30em;
    display: flex;
    flex-direction: column;
    background-image: linear-gradient(#bd4c91, #3ea4bf);
    border: solid 2px #A8EDEA;
    border-radius: 1rem;
    box-shadow: 0 2px 2px 2px #9ba0d9;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: left;
    list-style: none;
    padding: 1em;
    align-items: center;
    font-family: "raleway", sans-serif;
    align-items: center;
}

.belenmain section ul li {
    color: white; 
}

#imagenbelen p{
    font-style: oblique;
    font-size: 0.9em;
    text-align: center;
    color: white; 
    margin: 0.2em;
}

#imagenbelen img{
   border-radius: 8em;
   border: solid 2px #A8EDEA;
   box-shadow: 0 2px 2px 2px #9ba0d9;
    margin: 0.2em;
   
}




/*-------------------footer-----------------------------------*/


.belenfooter {
    display: flex;
    justify-content: space-between;
    background-color: #e2889b;
    align-items: center;
    font-size: 0.7em;
    max-width: 43em;
    margin: 0.2em;
    box-shadow: 0 2px 2px 2px #9ba0d9;
    border-radius: 1rem;
    flex-direction: column;
    padding: 0.1em;
    font-family: "raleway", sans-serif;
}