@import url('https://fonts.googleapis.com/css?family=Asap:400,400i,700,700i|Noto+Serif:400,400i,700,700i');

* {
margin: 0;
padding: 0;
border: 0;
box-sizing: border-box;
font-family: "asap", sans-serif;
color:white;
}

header {
    max-height: 8em;
    width: 100%;
    padding: 2em;
    background-color: darkblue;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow:  0 0.35em 1em rgba(0, 0, 0, .20);
    z-index: 9999;
    position: sticky;
        top:0;
}

Header>Img {
    max-height: 3em;
    background-color: aliceblue;
}

body {
    background-color: cornflowerblue;
}
#yo {
  width:100%;
  height:100%;
}

#nombre {
    position:relative ;
        top: -2em;
        left: 1em;
    font-family: "asap", sans-serif;
    color:white;
}

footer {
    color:white;
    font-size: 9px
    
}

body>div>article{
    margin-top: 10px;    
}

div {
    margin: 1em;
    padding: 1em;
    border: 1em;
}

#lista li{
    list-style:none;
    margin: 1em;
}

#menu li{
    display: flex;
    flex-direction: row-reverse;
    justify-content:space-between;
    list-style:none;
    text-decoration-color: blueviolet;
    background-color: black;
    padding: 5px;
}


.integrantes li{
    list-style:none;   
    
}