html {
    scroll-behavior: smooth;
}


@media (min-width: var(--tablet)) {

}
@media (max-width: calc(var(--tablet) - 1px)) {


}

@custom-media --small-device (max-width: var(--smallscreen));
@media (--small-device) {}