body {font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif; font-weight: 400; 
font-style: normal;}

h1 {font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif; font-weight: 900; 
    font-style: normal;}

    footer p {text-align: center;}

    #logo {
        width: 70px;
        height: auto;
    }

    body {
        font-family: "Roboto, sans-serif";
        font-weight: 400;
        font-style: normal;

        margin: 0;/* add these two new lines */
        padding: 0;
    }


    header {
        background-color: blanchedalmond;
        padding: 30px;
        height: 100px;
        color: darkolivegreen;
        font-size: 50px; /* add these three new lines*/
        font-weight: 900;
        font-style: normal;
    }

    nav ul {
        list-style-type:none;
    }

    nav ul li {
        display: inline;
        margin-right: 16px;
    } 

    a {text-decoration: none;}

    main {
        margin-left: 36px;
    }

    .thumbnails {
        display: flex; /*this is called a flexbox*/
    }

    header span {
        position: relative;
        top: -21px;
    }

    h1 {
        color: darkolivegreen;
    }

    footer{
        color: darkolivegreen;
        
    }