@font-face {
    font-family: "TheFutureLight";
    src: url("../fonts/TheFutureLight.woff2") format("woff2"),
        url("../fonts/TheFutureLight.woff") format("woff");
}

html {
    /* font size 50px for 3840px */
    font-size: 1.30208vw;
}

body {
    /* 50 / 60 */
    font-size: 1rem;
    line-height: 1.2rem;
    font-family: "TheFutureLight", Helvetica;
}

button,
input,
textarea {
    font-size: 1rem;
    font-family: "TheFutureLight", Helvetica;
}

.font-size-80-96 {
    font-size: 1.6rem;
    line-height: 1.92rem;
}

.font-size-140-160 {
    font-size: 2.8rem;
    line-height: 3.2rem;
    letter-spacing: -0.01em;
}

.font-size-40-48 {
    font-size: 0.8rem;
    line-height: 1rem;
}

.font-size-30-50 {
    font-size: 0.6rem;
    line-height: 1rem;
}

@media screen and (max-width: 960px) {
}

@media screen and (max-width: 768px) {
    html {
        /* font size 15px for 390px */
        font-size: 3.84615vw;
    }

    .font-size-80-96 {
        font-size: 1.33rem;
        line-height: 1.6rem;
    }

    .font-size-140-160 {
        font-size: 2rem;
        line-height: 2.4rem;
    }

    .font-size-30-50 {
        font-size: 1rem;
        line-height: 1.7rem;
    }

    .font-size-mobile-30-36 {
        font-size: 2rem;
        line-height: 2.4rem;
    }
}