/* ==========================================
   Typography
   Fantasy CMS
========================================== */

body{

    font-size:16px;

    font-weight:400;

    letter-spacing:.03em;

}

h1,
h2,
h3,
h4,
h5,
h6{

    font-weight:700;

    line-height:1.3;

    color:var(--color-text);

}

h1{

    font-size:clamp(2.6rem,5vw,4.8rem);

}

h2{

    font-size:clamp(2rem,3vw,3rem);

    margin-bottom:50px;

    text-align:center;

    color:var(--color-gold);

    position:relative;

}

h2::after{

    content:"";

    display:block;

    width:70px;

    height:2px;

    margin:18px auto 0;

    background:var(--color-gold);

}

h3{

    font-size:1.4rem;

}

p{

    font-size:1rem;

    color:var(--color-text-sub);

}

small{

    font-size:.875rem;

}

strong{

    font-weight:700;

    color:var(--color-gold);

}

a{

    transition:var(--transition);

}

a:hover{

    color:var(--color-gold);

}