*{
    background-color: rgb(30, 30, 30);
    color:rgb(235, 235, 235);
    font-family: 'Open Sans', sans-serif;
    /* list-style: none; */
}

body{
    width: 100%;
    max-width: 700px;
    margin:auto
}

header{
    margin-left: 1.5rem;
}

h1{
    margin-bottom: -1rem;
}

h3{
    margin-left: 1rem;
}

main{
    display: flex;
    flex-flow: row wrap;
}

#covers{
    width: 200px;
    padding-left: 1rem;
}

#covers figure img{
    width: 200px;
}

#divider{
    margin-left: 1rem;
}

#legend{
    list-style: none;
    margin-left: -1rem;
}

footer{
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    margin-left: 1rem;
}

@media screen and (max-width:700px) {
    #covers{
        display:none;
    }
}