{

margin:0;
padding:0;
box-sizing:border-box;

}
body{

background:#eef4ea;

font-family:Verdana,sans-serif;

color:#4b5b4a;

}
#wrapper{

width:1100px;

margin:30px auto;

}
header{

position:relative;

height:180px;

overflow:hidden;

border:1px solid #b7c8ad;

border-radius:18px;

background:white;

margin-bottom:20px;

}
.banner-image{

width:100%;

height:100%;

object-fit:cover;

display:block;

}
.banner-overlay{

position:absolute;

left:30px;

bottom:20px;

background:rgba(255,255,255,.75);

padding:15px 25px;

border-radius:15px;

backdrop-filter:blur(4px);

}
.banner-overlay h1{

font-size:40px;

letter-spacing:3px;

}
#layout{

display:grid;

grid-template-columns:220px 1fr 250px;

gap:20px;

}
aside,
main{

background:white;

border:1px solid #b7c8ad;

border-radius:15px;

padding:20px;

}
h2{

text-align:center;

margin-bottom:20px;

font-size:24px;

}
footer{

margin-top:20px;

padding:15px;

background:white;

border:1px solid #b7c8ad;

border-radius:15px;

text-align:center;

}
body{
    font-family:"Quicksand", sans-serif;
}

h1,h2,h3{
    font-family:"Cormorant Garamond", serif;
}