/* Default colors */
:root {
    color-scheme: dark;
}
* {
    color: #EEE;
	scrollbar-color: #424242 #212121;
}
body {
    *background-image: url("/assets/img/grass_dark.png");
    background-color: #011C29;
    color: #EEE;
}
::selection {
    background-color: #EEE;
    color: #212121;
}
::-moz-selection {
    background-color: #EEE;
    color: #212121;
}

/* Theme buttons */
#dark-theme .theme-check {
	display: inline;
}
#dark-theme .theme-btn {
    text-decoration: none;
    cursor: default;
}

/* Background */
#grass {
    background-color: #265728;
}

/* Navigation bar */
.nav-button-not-selected {
    border-bottom-color: #757575;
}
.nav-button-not-selected:hover {
    border-bottom-color: #EEE;
}

/* Sections */
.section hr {
    border-color: #757575;
    color: #757575;
}

/* Container */
.container {
    background-color: #424242;
    box-shadow:         2px 2px 0 black;
    -o-box-shadow:      2px 2px 0 black;
    -moz-box-shadow:    2px 2px 0 black;
    -webkit-box-shadow: 2px 2px 0 black;
    filter: progid:DXImageTransform.Microsoft.DropShadow(color=#FF000000, offX=2, offY=2);
}
.container::selection, .container *::selection {
    background-color: #EEE;
    color: #424242;
}
.container::-moz-selection, .container *::-moz-selection {
    background-color: #EEE;
    color: #424242;
}

.inline-code, .inline-code-text, .inline-code-icon {
    background-color: #212121;
}

.dark {
    display: initial !important;
}
.light {
    display: none !important;
}

#typeracer-score {
	filter: grayscale(1) invert(1);
}