:root {
    color-scheme: dark;
    font-family: "Manrope", system-ui, sans-serif;
}

html,
body {
    background: #0b0e12 !important;
    margin: 0 !important;
    min-height: 100%;
    padding: 0 !important;
    width: 100%;
}

html {
    scrollbar-gutter: stable;
}

body,
.mud-typography,
.mud-button-root,
.mud-nav-link {
    font-family: "Manrope", system-ui, sans-serif !important;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

::selection {
    background: rgba(168, 207, 69, .28);
}

.mud-main-content {
    background: #0b0e12 !important;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
}

.mud-layout {
    background: #0b0e12 !important;
    min-height: 100vh;
    width: 100%;
}

.mud-nav-link.active:not(.mud-nav-link-disabled) {
    background: rgba(168, 207, 69, .1);
    color: #c0de73;
}

.mud-nav-link {
    border-radius: 9px;
    margin-bottom: .2rem;
}

.mud-paper-outlined {
    background-color: #141920;
    border-color: #29323a;
}