*{list-style: none; text-decoration: none;
  margin: 0; padding: 0; font-family: 'Roboto Condensed', sans-serif;
text-align: center}
body {width: 100%}
header {background: black}
.barra_superior {background:#66C6BE;
                 width: 100%;
                 height:  10rem;
                 display: flex;
                 flex-direction: row;
                 align-items:center; /*alineacion vertical*/
                 justify-content:space-between}

.logodgpc {width: 12rem;padding-left: 3rem}
.titulo {color: white;font-family: 'Roboto Condensed', sans-serif;
        font-size: 6rem;padding-right: 3rem; font-weight: bold}


.opciones {display: flex; flex-direction: row; 
                justify-content:space-around; align-items: center; 
                list-style: none; height: 6.25rem}
.opciones li {color: white; font-size: 1.5rem;height: 100%; display: flex; justify-content: space-around; width: 100%}
a {color: white; align-self: center}
.opciones li:hover {background: #AFAFB4}
.caja-foto {display: flex; flex-direction: column; width: 100%;
    height: 30rem}
figure {align-self: center; height: 20rem; padding-top: 5rem }
.foto-perfil {height: 20rem; align-self: center; border-radius: 10rem}
.info-personal {width: 100%; height: 15rem}
h1 {font-size: 3rem; height: 5rem}
h2 {font-size: 1.5rem; height: 3rem}
h3{font-size: 1.2rem; height: 2rem}
.sobre-mi {font-size: 1.2rem}
.boton {height: 8rem; display: flex; justify-content: center}
.descargar {background: black; height: 100%; font-size: 1.5rem; display: flex; align-items: center; width: 8rem; border-radius: 8rem;justify-content: center}
h4 {height: 5rem; display: flex; align-items: center; justify-content: center; font-size: 1.25rem}
.anio {height: 3rem; font-size: 1.25rem}
.tema {height: 3rem; font-size: 1.25rem}
footer {background: black; height: 8rem}
footer p {color: white; margin-left: 2rem; margin-right: 2rem; padding-top: 1.5rem }