:root{
    --primary-color: #8a442b;
    --secondary-color: #eeebdc;
    --white-color: #fff;
    --offwhite:#f6f6f6;
    --black-color: #000;
    --light-black-color: #333;
}

   html {
        scroll-behavior: smooth;
    }
        .font-italic-serif { font-family: 'Playfair Display', serif; font-style: italic; }

         /* SCROLL REVEAL */
    .scroll-section {
        opacity: 0;
        transform: translateY(60px);
        transition:
            opacity 1s ease,
            transform 1s ease;
        will-change: opacity, transform;
    }

    .scroll-section.show {
        opacity: 1;
        transform: translateY(0);
    }

    #menu-btn svg {
    transition: all 0.3s ease;
}