body { font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; }
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;
    }
header {
background-color: #85F6FC; /* fill */
/* rgba(255,255,255,0.5) => 0.5 = semi-transparent color */
border: 1px solid #8EE2E2; /* stroke */
/* width of stroke, type of line, and color */
height: 55px;
padding: 20px;
/* inset the image */
}
body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0; /* add these two new lines */
    padding: 0;
    }
header {
        background-color: cadetblue;
        padding: 30px;
        height: 100px;         
        color: #61E5DC;
        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; }

footer { background-color: #61E5DC; /* fill */
    /* rgba(255,255,255,0.5) => 0.5 = semi-transparent color */
    border: 1px solid #457B7E; /* stroke */
    /* width of stroke, type of line, and color */
    height: 55px;
    padding: 20px;
    /* inset the image */}
.thumbnails {
        display: flex; /* this is called a flexbox */
        }
header span {
            position: relative;
            top: -21px;
            }