@font-face{
    font-family:'Hermona';
    src:url('../../fonts/Hermona.otf') format('opentype');
    font-weight:normal;
    font-style:normal;
}

:root{
    --paper:#ECE3D3;
    --paper-light:#F5EFE4;
    --blue-dark:#20364A;
    --blue-steel:#55616D;
    --red:#B32121;
    --gold:#B68A43;
    --text:#2A2A2A;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Montserrat',sans-serif;
    background:var(--paper);
    color:var(--text);
    overflow-x:hidden;
    opacity:0;
    animation:pageFade .9s ease forwards;
}

@keyframes pageFade{
    from{
        opacity:0;
    }

    to{
        opacity:1;
    }
}

a{
    text-decoration:none;
}

section{
    padding:100px 8%;
}

h1,h2,h3{
    font-family:'Oswald',sans-serif;
    text-transform:uppercase;
}

.section-tag{
    color:var(--red);
    font-weight:700;
    letter-spacing:2px;
    font-size:.8rem;
    text-transform:uppercase;
}

.btn-primary{
    display:inline-block;
    padding:15px 28px;
    background:var(--red);
    color:white;
    margin-top:28px;
    font-weight:700;
    letter-spacing:1px;
    transition:.3s ease;
}

.btn-primary:hover{
    transform:translateY(-4px);
    background:#8f1717;
}

/* ANIMACIONES */

.reveal{
    opacity:0;
    transform:translateY(42px);
    transition:opacity .9s ease, transform .9s ease;
}

.reveal.active{
    opacity:1;
    transform:translateY(0);
}

body.menu-open{
    overflow:hidden;
}