@charset "utf-8";

*{
    box-sizing: border-box;
}
body{
    background-color: #00d6d6;
    margin: 0em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: 'Archivo Narrow', sans-serif;
    min-height: 100vh;
}
header{
    background-color: rgb(255, 186, 104);
    display: flex;
    width: 100%;
    margin: 0em;
}

header img{
    width: 6em;
    margin: 1em;
}

header nav{
    display: flex;
    width: 100%;
    align-items: center;
}

header ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    flex-basis: 80%;
}

header li{
    padding: .5em;
}

header nav ul li a{
    background-color: black;
    border-radius: .4em;
    padding: .5em;
    display: block;
    align-items: center;
    color: #ffc400;
    text-decoration: none;
    font-weight: 400;
    font-size: 12pt;
}

main{
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #a7e5e5;
    justify-content: center;
    margin: 2em;
    max-width: 80vw;
    min-width: 50vw;
    margin-left: auto;
    margin-right: auto;
    padding: 1em 2em 2em 2em;
}

#perfil{
    margin: 2em 1em 1em 1em;
}

#perfil img{
    width: 10em;
    border-radius: .5em;
}

h1{
    display: block;
    text-align: center;
    font-size: 20pt;
    font-weight: 700;
    color: rgb(253, 148, 22);
}

#materiasaprobadas{
    display: flex;
    flex-direction: column;
    width: 60%;
    margin: 2em;
}

#materiasaprobadas ul li{
    list-style: none;
    font-weight: 100;
    font-style: italic;
    font-size: 11pt;
    margin: .1em;
}
#materiasaprobadas ul{
    margin-left: -1.5em;
}

#materiasaprobadas ul li strong{
    font-weight: 400i;
    font-style: normal;
}


h2{
    font-size: 15pt;
    display: block;
    margin: -.5em;
    font-weight: 700;
}

#materiasencurso{
    display: flex;
    flex-direction: column;
    width: 60%;
    margin-top: -1em;
}

#materiasencurso ul{
   margin-left: -1.5em;

}

#materiasencurso ul li strong{
    font-weight: 400i;
    font-style: normal;
}

#materiasencurso ul li{
    list-style: none;
    font-weight: 100;
    font-style: italic;
    font-size: 11pt;
    margin: .1em;
}

#integrantes{
    background-color: rgb(165, 245, 245);
    width: 70%;
    padding: 1em;
    margin-top: 1.5em;
}

h3{
    display: block;
    text-align: center;
    font-size: 12pt;
}

#integrantes ul li{
    margin: .5em;
    list-style: none;
    color: #ffb846;
    margin-left: -1em;
}
#datosacademicos{
    background-color: rgb(165, 245, 245);
    width: 70%;
    margin-top: 2em;
    padding: 1em;
    padding-bottom: 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

h4{
    display: block;
    text-align: center;
    font-size: 12pt;
}

#uba img{
    width: 7em;
}

h5{
    font-size: 12pt;
    display: block;
    margin-bottom: .8em;
}

#uba{
    display: block;
    width: 90%;
}

#uba li{
    list-style: none;
    font-weight: 100;
    font-style: italic;
    font-size: 10pt;
}

#fadu{
    display: block;
    width: 90%;
    margin-top: 2em;
}

#fadu img{
    width: 9.5em;
    margin-bottom: -1.4em;
    
}

#fadu li{
    list-style: none;
    font-weight: 100;
    font-style: italic;
    font-size: 10pt;
}
#dgpc{
    display: block;
    width: 90%;
    margin: 1em;
    margin-top: 2em;
}
#dgpc img{
    width: 6em;
    display: flex;
    margin-bottom: -1em;
}

#dgpc li{
    list-style: none;
    font-weight: 100;
    font-size: 10pt;
    font-style: italic;
}

footer{
    background-color: rgb(255, 186, 104);
    display: flex;
    width: 100%;
    font-size: 8pt;
    padding: .8em;
    text-align: center;
}

footer p{
    margin-left: auto;
    margin-right: auto;
}