:root {
    --background: #fff;
    --foreground: #171717
}

@media (prefers-color-scheme:dark) {
    :root {
        --background: #0a0a0a;
        --foreground: #ededed
    }
}

html,
body {
    max-width: 100vw;
    overflow-x: hidden
}

body {
    color: var(--foreground);
    background: var(--background);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Arial, Helvetica, sans-serif
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

a {
    color: inherit;
    text-decoration: none
}

@media (prefers-color-scheme:dark) {
    html {
        --lightningcss-light: ;
        --lightningcss-dark: initial;
        color-scheme: dark
    }
}