body{
margin:0;
background:#e9e9e9;
font-family: 'Playfair Display', serif;
color:#555;
}

.topbar{
background:#d7d7d7;
border:1px solid #999;
padding:20px 0;
}

.nav{
width:90%;
margin:auto;
border:2px solid #e5e5e5;
display:flex;
justify-content:space-around;
padding:20px 0;
}

.nav a{
text-decoration:none;
color:#555;
font-size:22px;
letter-spacing:1px;
}

.nav a:hover{
opacity:0.6;
}

.hero{
text-align:center;
padding:60px 20px;
border-bottom:1px solid #999;
background:#f2f2f2;
}

.hero h1{
font-family: 'Playfair Display', serif;
font-size:90px;
margin:0;
color:#111;
}

.hero h2{
font-family: 'Playfair Display', serif;
font-weight:400;
margin-top:10px;
}

.gallery{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
padding:40px;
border-bottom:1px solid #999;
}

.gallery img{
width:100%;
height:300px;
object-fit:cover;
}

.page{
padding:60px;
}

.page h1{
font-family:'Playfair Display', serif;
font-size:60px;
margin-bottom:40px;
color:#666;
}

.page ul{
font-size:30px;
line-height:1.8;
}