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; }
        
        #logo {
            width: 70px;
            height: auto;
            }

            header {
                background-color: #9CB7D0; /* fill */
                /* rgba(255,255,255,0.5) => 0.5 = semi-transparent color */
                border: 1px solid #000; /* 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;
                    }
                
                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;
                                    }

                                    footer {
                                        background-color: lightslategray; /* fill */
                                        /* rgba(255,255,255,0.5) => 0.5 = semi-transparent color */
                                        border: 1px solid #000; /* stroke */
                                        /* width of stroke, type of line, and color */
                                        height: 55px;
                                        padding: 20px;
                                        /* inset the image */
                                        }

                                        footer p {text-align: center;}

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

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