body { 

    background-color: antiquewhite;
    font-family: "Roboto", system-ui;
    font-weight: 400;
    font-style: normal;

    margin: 0; 
    padding: 0;
    color: #86b3c2;
    }

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

        header {
            background-color: #90c4c6; 
            padding: 40px; 
            height: 100px; 
            border: 1px solid #698593; 
            color: rgb(236, 226, 209);
           

            font-size: 50px; 
            font-weight: 900;
            font-style: normal;
            /* inset the image */
            }

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

            h1 { 
                
                font-family: "Roboto", system-ui;
                font-weight: 900;
                font-style: normal; }

                main {
                    margin-left: 36px;
                    }

                    footer {
                        background-color: #90c4c6; 
                        padding: 40px; 
                        height: 150px; 
                        border: 1px solid #698593; 
                        color: rgb(236, 226, 209);
                       
            
                        font-size: 20px; 
                        font-weight: 900;
                        font-style: normal;
                        /* inset the image */
                        }

                        footer p {
                            position: relative;
                            top: 50px;
                            }

 footer p {text-align: center;}

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

    a {text-decoration: none;}

    .thumbnails {
        display: flex; 
        }