* {margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;}

Body {font-family: 'Alegreya Sans SC', 'helvetica', sans-serif;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;}

header {background-color: lightgray;
        color: black;
        padding: .25em;
        height: 3em;
        display: flex;
        justify-content:space-between;
        align-items: center;}

header ul {list-style: none;
            display: flex;
            justify-content:space-between;
            align-items: center;
            color: black;}

header ul li {width:auto;

            
        margin-left: .70em;}

header ul li a {width: 500%;
                height: 100%;
                color: black;
                text-decoration: none;
                display: flex;}

main {background-color:white;
        padding: 1em;
        font-size: .75em;
        color: black;
        display: flex;
        justify-content: center}

aside {background-color: white;
        display: flex;
        flex-direction: row;
        justify-content: space-around;}

img {max-width: 100%;
    height:auto;
    display: flex;
    flex-direction: row;
}

nav ul {list-style: none;
        display: flex;
        justify-content: space-between;}
footer {background-color: lightgray;
        height: 6em;
        color: black;
        text-decoration: none;
        display: flex;
        list-style: none;
        justify-content: space-between;
        flex-direction: column;
        height:6em;
        padding: .50em;
        align-content: flex-end;
        font-size: 0.65em;
        flex-grow: 0.3;
        max-width: 100%;
        text-decoration: none;}

footer article span {display: flex;
                    flex-direction: column;
                    justify-content:flex-start;
                    align-content: center;
                    width: 100%;
                    padding: 1em;
                    text-decoration: none;
                    color: black;}
footer article span a {color: black;}
footer img {height: 3em;
            display: flex;
            flex-direction: row;
             }
footer article {height: 6em;
                display: flex;
                flex-direction: row; }



        



/*H1 {color: white;
    font-weight: lighter;
    padding: 2em;}
ul {color: white;
    box-sizing: border-box;
    margin: 1em;
    padding: 2em;
    width: 25%;}
H2 {color: white;
    font font-weight: lighter;}
main {background-color: #882b86;
        margin: 1em;
        padding: 2em;
        box-sizing: border-box;
        color: white;}
footer {font-style:italic;}

header ul li a {display: block;
                margin: auto;
                width: 100%;
                height: 100%;
                background-color: black;
                color: white;
                text-decoration: none;