@font-face {
  font-family: deco-font; 
  src: url(/assets/header-assets/Bacalisties.ttf);
}

:root{
    --heading-font: "Playfair Display", serif;
    --main-font: "Montserrat", sans-serif;
    --deco-font: "deco-font", "Playfair Display", serif;
    --black: #141516;
    --white: #ffffff;
    --light-green: #83977C;
    --dark-green: #464A2F;
    --beige: #F5F0E5;
}

html, body{
    overflow-x: hidden;
    box-sizing: border-box;
}

body{
    font-family: var(--main-font);
}

/* Shutter Animation */

#shutter-container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    pointer-events: none;
    display: flex;
    flex-direction: column;
}

.shutter-blade{
    width: 100%;
    height: 50vh;
    background-color: #1a1a1a;
    transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    /* display: none; */
}

#shutter-container.open #shutter-top{
    transform: translateY(-100%);
}

#shutter-container.open #shutter-bottom{
    transform: translateY(100%);
}  

.background{
    z-index: -2;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    overflow-x: hidden;
    opacity: 70%;
}

.background-img{
    width: 100%;
}