body { font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400;
    font-style: normal; 
margin: 0;
padding: 0;
}
    
    h1 { font-family: "Robot"'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 900; 
        font-style: normal; }
    
    footer p {text-align: center;
        
        height: 40px;
        padding: 20px;
    }

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

      header{ 
        background-color: #D6AF4D;
        height: 55px;
        padding: 20px;
        font-size: 50px;
        font-weight: 900;
        font-style: normal;
       }  
       
       
       

    

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

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

            a {text-decoration: none;}
            a{ color: #D6AF4D;}

            main {
                margin-left: 36px;
                }
            
                .thumbnails {
                    display: flex; /* this is called a flexbox */
                    }

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

 body {
    background-image: url('file:///Users/2482648/Library/CloudStorage/OneDrive-JohnAbbottCollege/Fall%202024/Web%20Fundementals/Practice%201/img/black-and-gold-aesthetic-background-1l4nz4jedtt9w0vp.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: #FFFFFF;
  }
  
  section img {
    border: 5px solid #483802;
  }
  figure img {
    border: 5px solid #483802;
  }
 
  body{
  background: rgb(28,25,25);
background: linear-gradient(90deg, rgba(28,25,25,1) 0%, rgba(78,71,71,1) 35%, rgba(28,25,25,1) 100%);
 }


footer{
  position: fixed;
  bottom: 0;
  width: 100vw;
}

header {background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}

footer { background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
  radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}