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

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;}

header ul {list-style: none;
            display: flex;
            justify-content:space-between;
            color: black;}
header ul li {width: auto;
             height: 2em;
            margin-left: .25em;}

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;
        flex-direction:row;
        justify-content: center;
        }

}




main article {display: flex}
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%;}
footer article span {display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-content: center;
                    width: 200%;}
footer img {height: 3em;
            display: flex;
            flex-direction: row;}
footer article {height: 6em;
                display: flex;
                flex-direction: row; }