html {font-family: 'Alegreya Sans', sans-serif;
}
* {
    padding: 0;
    margin: 0 auto;
    box-sizing: border-box;
    }
body {background-color: aquamarine;
    }

header {display: block;
    background-color:aquamarine;
    width: 100%; left: 0; top: 0; position: fixed;
    }
footer {
    background-color: black;
    color:white;
    font-size: .8rem;
    padding: 10px;
    }
a {text-decoration: none; font-size: 1.5em;}
li {list-style: none;}
figure {width: 100%;
max-width: 100%;}
h3 {font-size: 2em;}

.encabezado {display: flex; flex-basis: 100%;
   }
#logodg {flex-basis: 50%;flex-grow: 1;}
#eze {flex-basis: 50%; flex-grow: 1;}
.menu {display: flex; flex-basis: 100%; width: 100%;background-color: black; box-shadow: .3em .1em .8em grey;}
#item-a {width: 100%; max-width: 100%;display: block;max-height: 4em;}
#item-b {width: 100%; max-width: 100%;display: block;max-height: 4em;}
#item-c {width: 100%; max-width: 100%;display: block;max-height: 4em;}
#item-d {width: 100%; max-width: 100%;display: block;max-height: 4em;}

.contenedor{display: block; margin-top: 8em;background-color: aliceblue;}
.cuerpo {display: flex; flex-wrap: nowrap; padding: 1em;box-shadow: .1em .3em .2em grey; margin-bottom: .8em;}
.video {flex-basis: 50%; flex-grow: 1;}
.imgcuerpo {width: 100%; max-width: 100%; display: block; border-radius: .5em; box-shadow: 0, 6, 0, 3, black;}
.detalle {display: block; flex-basis: 40%; margin: 0 1em;}
section div ul li {font-size: 1.5em;}
.corazon {flex-basis: 10%;}
.like {width: 100%; max-width: 100%;}