.title{
    font-family: var(--title);

    color: var(--white);
    text-transform: uppercase;

    font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1080 - 320)));
    line-height: calc(34px + (100 - 34) * ((100vw - 320px) / (1080 - 320)));

    text-align: center;
    letter-spacing: 0.15vw;

    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media only screen and (orientation: landscape) {
    .title{
        font-size: calc(16px + (78 - 16) * ((100vw - 320px) / (1920 - 320)));
        line-height: calc(24px + (86 - 24) * ((100vw - 320px) / (1920 - 320)));
    }
}