h1, h2, h3, p, a, span, pre {
    font-family: 'Kanit', sans-serif;
    color: white;
}

:root {
    --h1size: 5rem;
    --h2size: 2.8rem;
    --h3size: 2rem;
    --psize: 1.5rem;
    scroll-behavior: smooth;
}

@media (max-width: 1200px) {
    :root {
        --h1size: 4rem;
        --h2size: 2.5rem;
        --h3size: 1.8rem;
        --psize: 1.3rem;
    }
}

@media (max-width: 900px) {
    :root {
        --h1size: 3rem;
        --h2size: 1.8rem;
        --h3size: 1.5rem;
        --psize: 1.2rem;
    }
}

@media (max-width: 450px) {
    :root {
        --h1size: 2.4rem;
        --h2size: 1.5rem;
        --h3size: 1.2rem;
        --psize: 1.1rem;
    }
}