header {
   

    background-color: rgb(176, 82, 51);
padding: 28px;
height: 73px;
color: rgb(255, 255, 255);
font-size: 50px; /* add these three new lines */
font-weight: 900;
font-style: normal;


    }

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

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

a {text-decoration: none;}
nav ul li {
    display: inline;
    margin-right: 19px;
    }

    nav ul {
        list-style-type: none;
        }
        main {
            margin-left: 36px;
            }

            .thumbnails {
                display: flex; /* this is called a flexbox */
                }
                header span {
                    position: relative;
                    top: -16px;
                    }
}
 


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

footer p {text-align: center;}
#logo {
width: 70px;
height: auto;
}
footer
{


    background-color: rgb(176, 82, 51);
padding:30px;
height: 100px;
color: white;
font-size: 30px; /* add these three new lines */
font-weight: 900;
font-style: normal;


    }