body{
    font-family: lucida sans unicode, sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color:rgba(214, 216, 180, 0.55);
    padding: inherit;
    margin: inherit}

header{ 
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        background-color: #83c477}
        

body header a{
                display: flex;
                justify-content: center;
                padding: 0em;
                margin-top: 1em;
                padding-bottom: 0em}


header nav ul{
            display: flex;
            padding: 0em;
            margin: inherit;
            background-color: #83c477}

header nav ul li a{
                    color: black;
                    text-decoration: none;
                    font-weight: bold;
                    display: block;
                    margin: .25em;
                    padding: 1em}

main{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em;
    margin: 1em}

main nav ul{
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0em;
            margin: 0em}

section ul li a{
                 color: rgba(39, 108, 81, 0.93);
                 text-decoration:underline;
                 font-weight: no;
                 display: block;
                 margin: .25em;
                 padding: 0em;
                 padding-bottom: 1em}
main li {
        margin: 0em}

footer{
        background-color: #83c477;
        padding: 1em;
        margin: 0em;
        text-align: center;
        color: black}


footer p{ 
         padding: 0;
         margin: 0;  
         margin-top: inherit}


li{
    display: flex}

.logo{ 
        align-self: flex-start;
        padding-left: 1em }

section{

}