body {
    background-color: grey;
    background-image: ();
    border: 4px solid: black;
    background-image: url("https://images.unsplash.com/photo-1655197956413-a538589910c4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2487&q=80");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

nav li {
    display: inline-block;
    font-size: 18px;
    align-items: center;
    text-align: center;
    text-size-adjust: 25px;
    width: 100px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: transparent gray;
    margin-left: 75px;
    margin-right: 75px;

}
ul {
    display: table;
    margin: 0 auto;
}

ul li {display: inline-block;}
ul li:hover {background: #555;}
ul li:hover ul {display: block;}
ul li ul {
  position: absolute;
  width: 50px;
  display: none;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

h1 {
    text-align: center;
    font-size: 30px;
    font-family: cursive;
    margin-left: 150px;
    margin-right: 150px;
    font-family: "lucida" sans;
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;   
 
}

header {
    height: 150px;
    font-family:Arial, Helvetica, sans-serif;
    background-color: rgba(128,128,0,0.7);


}

#intro {
    border: 8px solid black;
    text-align: center;
    font-size: 20px;
    background: rgb(128,128,128,.5); 
}

#intro img {
    float: center;
    align-items: center;
    border-radius: 25%;
    padding-left: 150px;
    padding-right: 150px;
    padding-top: 50px;
}

.section2 {
    max-width: 30%;
    top: 0;
    font-size: 18px;
    height: 500px;
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 25px;
    border: 8px solid black;
    text-align-last: center;
    padding-left: 10px;
    padding-right: 10px;
    background: rgb(128,128,128,.5); 
    

}

.section2 img {
    align-items: center;
    display: inline-block;
    border-radius: 20%;
    height: 250px;
    width: 200px;
    padding-top: 20px;
    padding-right: 10px;
    padding-left:10px;
    


}
.section3 {
    text-align: center;
    font-size: 20px; 
    display: inline-block
    margin-top: 50px;
    margin-bottom: 25px;
    border: 8px solid black;
    text-align-last: center;
    padding-left: 10px;
    padding-right: 10px;
    background: rgb(128,128,128,.5);

}

footer {
    display: inline-block;
    text-align: center
    margin-left: 150px;
    margin-right: 150px;
    padding-top: 25px;
    padding-bottom: 50px
    padding-left: 25px;
    padding-right: 25px;  
    background-color: rgba(128,128,0,0.7);
}