@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600&display=swap');

body {
    margin: 0;
    padding: 0;
    background: url(wallpaper-min.png) 0 center / cover rgb(229, 229, 229);
    height: 100%;
    overflow: hidden;
}

html {
    height: 100%;
    font-family: 'Fira Sans', sans-serif;
    font-size: 1.2vw;
}

@media (orientation: landscape) {
    html {
        font-size: 0.7vw;
    }
}

:root {
    --base-spacing: 30px;
    --footer-height: 60px;
    --border-radius: 30px;
}

@media screen and (min-width: 1930px) {
    :root {
        --base-spacing: 60px;
        --footer-height: 120px;
        --border-radius: 60px;
    }
}