.subtitle{
    font-family: var(--subtitle);
    color: var(--blue);
    font-size: calc(12px + (36 - 8) * ((100vw - 320px) / (1080 - 320)));
    line-height: calc(12px + (36 - 8) * ((100vw - 320px) / (1080 - 320)));

    text-align: center;
    letter-spacing: 0.1rem;     
}
@media only screen and (orientation: landscape) {
    .subtitle{
        font-size: calc(8px + (36 - 8) * ((100vw - 320px) / (1920 - 320)));

        line-height: calc(8px + (36 - 8) * ((100vw - 320px) / (1920 - 320)));
    }
}