@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

html {
    font-size: 100%;
}

html,
body,
body *,
body *::before,
body *::after {
    font-family: 'Cairo', Arial, Tahoma, sans-serif !important;
}

@media (max-width: 600px) {
    body {
        font-size: 1rem;
    }

    h1 {
        font-size: clamp(1.35rem, 5.5vw, 1.8rem);
        line-height: 1.4;
    }

    h2 {
        font-size: clamp(1.15rem, 4.8vw, 1.5rem);
        line-height: 1.45;
    }

    input,
    select,
    textarea,
    button {
        font-size: 1rem;
    }
}