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

html {
    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

body {

    min-height: 100vh;

    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(109, 40, 217, 0.12),
            transparent 30%
        ),
        var(--bg);

    color: var(--text);

    overflow-x: hidden;
}

button,
input,
select {
    font: inherit;
}

button {
    border: 0;
}

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

code {
    font-family:
        "SFMono-Regular",
        Consolas,
        monospace;

    color: #c8cdea;
}

::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {

    background:
        rgba(139, 92, 246, 0.35);

    border-radius: 20px;
}