html {
    font-size: clamp(var(--sn-min-text), var(--sn-avg-text), var(--sn-max-text));
}

@media(min-width: 2000px) {
    html {
        font-size: clamp(var(--sn-min-text), var(--sn-avg-text), var(--sn-max-text));
    }
}

@media(max-width: 1024px) {
    html {
        font-size: clamp(var(--sn-min-text), var(--sn-avg-text), var(--sn-max-text));
    }
}

#sn-logo {
    display: block;
    max-width: 300px;
    max-height: 300px;
}