*{
    margin: 0; padding: 0; border: 0; box-sizing: border-box; 
    
}
.logo{
    display: block;
    margin-left: auto;
    margin-right: auto;
    
}
body{
    background-image: url(../images/priscilla-du-preez-W3SEyZODn8U-unsplash.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
:root{
    font-size: 62.5%;
}
#nav{
    margin-left: 68.3rem;
    width: 55rem;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.685);
    background-size: 100%;
    margin-top: 10px;
    font-size: 4em;
}
#nav a{
    color: brown;
    text-decoration: none;
    font-style: normal;
}
#nav a:hover{
    color: wheat;
} 
.Opening h1{
    font-size: 10rem;
    color: rgb(143, 86, 0);
}
.photos1{
    display: flex;
    gap: 100px;
    padding-left: 400px;
    padding-top: 100px;
}
.photos2{
    display: flex;
    gap: 100px;
    padding-left: 400px;
    padding-top: 100px;
}

footer{
    background-color: hwb(0 0% 100% / 0.5);
    color: white;
    text-align: center;
    font-size: 2.5em ;
}