*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.font-serif{
    font-family:'Cormorant Garamond', serif;
}
.hero-section{
    position:relative;
    min-height:85vh;
    background-image:url('/static/images/hero.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.hero-section::before{
    content:'';
    position:absolute;
    inset:0;
    background:
    linear-gradient(90deg,rgba(31,24,18,.82) 0%, rgba(31,24,18,.60) 35%,rgba(31,24,18,.35) 100%);
}