@font-face {
    font-family: 'Outfit';
    src: url('../assets/fonts/Outfit-Variable.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../assets/fonts/Nunito-Variable.woff2') format('woff2-variations');
    font-weight: 200 1000;
    font-display: swap;
}

:root {
    --moon-color: #f0c040;
    --slider-thumb-size: 22px;
}

html {
    background: #000;
    height: 100%;
}

body {
    background: #000;
    overflow: hidden;
    font-family: 'Outfit', 'Segoe UI', system-ui, sans-serif;
    height: 100%;
    width: 100%;
    -webkit-font-smoothing: antialiased;
}

canvas {
    display: block;
}