:root {
    font-size: 10px;
    --min-font-size: 14px;
    --max-font-size: 18px;
    --min-screen: 600px;
    --max-screen: 1200px;
}

@media (min-width: 1200px) {
    :root {
        font-size: var(--max-font-size);
    }
}

@media (min-width: 600px) and (max-width: 1200px) {
    :root {
        font-size: calc(var(--min-font-size) + (18 - 14) * ((100vw - var(--min-screen)) / (1200 - 600)));
    }
}

@media (max-width: 600px) {
    :root {
        font-size: var(--min-font-size);
    }
}

html,body,#__nuxt{
    height: 100%;
    margin: 0;
    position: relative;
}