@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900i');

*{
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    line-height: 1.3rem;
    list-style: none;
}

/* barra encabezado */

header {
    padding: .70em;
    display: flex;
    align-items: center;
    width: 100%;
    height: 4rem;
    background-color: rgb(24, 40, 42, 0.97);
    color: white;
    text-align: left;
    position: fixed;
    box-shadow: 0 .20em 0.2em rgba(0, 0, 0, .25) inset, 0 .20em .2em rgba(0, 0, 0, .25);
}
body nav ul {
    display: inline-flex;
}
nav ul li {
    margin: 0.3em;
    list-style: none;
    align-items: center;
    font-size: small;
    text-transform: uppercase;
}

nav ul li a {
    text-decoration: none;
    color: aliceblue;
    display:inline;
    float: left;
    font-size: 105%;
    margin: 0.6em;
    font-weight: 700;
    font-size: small;
    
}

/* contenido */
body { 
      margin: 0;
      background-color: aliceblue;
      font-family: sans-serif;
      font-weight: 400;
      display: flex;
      flex-direction: column;
      font-family: 'Roboto', sans-serif;
}

body main { 
margin-top: 4em;  
}
body main li{

    margin-left: 5em;
    list-style: none;
    color: darkcyan;
    font-size: small;
}

p {
    margin-left: 4em;
    font-weight: 400;
}

h1 {
    font-size: 150%;
    font-weight: 700;
    margin-bottom: 0.3em;
    padding-top: 1em;
    margin-left: 2.6em;
}
h1, h2 {
    text-align: left;
    color: darkslategray;
}
h2 {
    font-size: 130%;
    font-weight: lighter; 
    margin-left: 3em;
}

h3 {
    margin-left: 4em;
    margin-top: 1.5em;
    padding: default;
    font-style: normal;
    color: darkslategray;
    font-size: medium;
}

footer {
    display: flex;
    padding: 20px;
    margin: 0px;
    margin-top: 20px;
    background-color: rgb(24, 40, 42, 0.97);
    color: aliceblue;
    flex-direction: column;
}
footer ul {
    display: flex;
    align-items: center;

}

footer p {
    margin: 0px;
    font-size: x-small;
}

img.perfil {
    max-width: 230px;
    image-orientation: left;
    margin-left: 3em;
    margin-top: 1em;
    border-radius: 50%;
}
img.fadu {
    width: 70px;
    margin-left: 15px;
    margin-right: 15px;
}
img.dgpc {
    width: 70px;
}
img.uba {
    width: 50px;
}