:root {
    --background-color-1: #9bbd5a;
    --background-color-2: #575757;
    --background-color-3: rgb(42 117 156 / 0.42);
    --outline-color: black;
    --outline-width: 2px;
    --font-color: #ffffff;
}
html *:not(div):not(body):not(section):not(nav):not(.discord) {
    color: var(--font-color);
    background-color: var(--background-color-2);
    border-radius: 12px;
    padding: 5px;
    border: var(--outline-width) solid var(--outline-color);
    width: fit-content;
    margin: 5px auto;
}
button{
    color: var(--background-color-1);
    outline: var(--outline-width) solid var(--outline-color);
    border-radius: 7px;
    background-color: var(--outline-color);
    width: fit-content;
    aspect-ratio: 1/1;
}
button:hover {
    color: #ffffff;
    outline: var(--outline-width) solid var(--outline-color);
    border-radius: 3px;
    background-color: var(--outline-color);
}
body {
    background-color: var(--background-color-1);
}
h1 {
    font-family: "JetBrainsMono NF ExtraBold";
    font-size: 2rem;
}

h2 {
    font-family: "JetBrainsMono NF";
    font-size: 1.5rem;
}
div {
    display: grid;
    background-color: var(--background-color-3);
    border-radius: 12px;
    padding: 5px;
    width: fit-content;
    margin: 5px auto;
    border: var(--outline-width) solid var(--outline-color);
}