/* Typography */

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-2);
    position: relative;
    font-style: normal;
    padding: 0;
    display: flex !important;
    gap: 1.6rem !important;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    font-family: var(--font-2);
    font-weight: bold;
}

h2:has(.copy-link) span,
h3:has(.copy-link) span {
    display: flex;
    gap: 1.6rem;
    align-items: center;
}

h1 {
    font-size: 3.8rem;
    line-height: 1.5;
    font-weight: bold;
    padding: 0;
    margin: 4rem 0 0rem;
}

h2 {
    font-size: 3.8rem;
    line-height: 1.5;
    font-weight: bold;
    padding: 0;
    margin: 4rem 0 0rem;
}

h2.fa-regular::before {
    font-size: 3rem;
    transform: translateY(0.5rem);
}

h2.super {
    font-family: var(--font-1);
    font-size: 2rem;
    line-height: 1.5;
    font-weight: normal;
    padding: 0;
    margin: 4rem 0 0.8rem;
}

h3 {
    font-size: 3rem;
    line-height: 1.5;
    font-weight: 600;
    margin: 4rem 0 0rem;
}

h4 {
    font-size: 2.4rem;
    line-height: 1.5;
    font-weight: 600;
    margin: 4rem 0 0.8rem;
}

h5 {
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 600;
    margin: 0;
}

h6 {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 600;
    margin: 0;
}

p {
    margin: 1.6rem 0;
}

p.has-small-font-size {
    font-size: 1.4rem !important;
}

p.has-medium-font-size {
    font-size: 2.6rem !important;
}

p.has-large-font-size {
    font-size: 3rem !important;
}

p.has-x-large-font-size {
    font-size: 3.4rem !important;
}

a {
    text-decoration: none;
}

a.fa-regular {
    display: inline-flex !important;
    gap: 0.4rem !important;
}

a > span {
    font-family: var(--font-1);
    font-weight: normal;
}

a:hover {
    text-decoration: underline;
}

a.fa-regular:hover {
    text-decoration: none;
}

a.fa-regular:hover > span {
    text-decoration: underline;
}

/* RESPONSIVE */

@media (max-width: 1600px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 990px) {
    h1 {
        margin: 2.4rem 0 0;
        font-size: 3.6rem;
    }

    h2 {
        font-size: 3.6rem;
    }

    h2.fa-regular::before {
        font-size: 2.8rem;
    }

    h2.super {
        font-size: 1.8rem;
        margin: 2.4rem 0 0.8rem;
    }

    h3 {
        font-size: 2.8rem;
    }

    h4 {
        font-size: 2.2rem;
    }

    h5 {
        font-size: 1.6rem;
    }

    h6 {
        font-size: 1.4rem;
    }
}

@media (max-width: 750px) {
}

@media (max-width: 600px) {
}

@media (max-width: 400px) {
}