@import url(css/animation.css);
@import url(css/typography.css);
@import url(css/gaming.css);
@import url(css/global.css);
@import url(css/homepage.css);
@import url(css/profiles.css);
@import url(css/creations.css);

:root {
	--id_height: 40vh;
	--id_width: 90vw;

	--scroll-bg-color: rgba(9, 13, 32, 0.8);
	--nav-color: rgb(9 14 29 / 100%);
	--page-color: rgba(22, 33, 54, 0.7);
	--border-color: rgb(30, 42, 65);

	--text-color: white;
	--link-color: #6fb2ff;
}

@media (prefers-color-scheme: light) {
	:root {
		--scroll-bg-color: rgb(204 214 248 / 85%);
		--nav-color: rgb(134, 68, 59);
		/* rgba(255, 239, 253, 0.7); */

		--border-color: rgb(112, 44, 39);
		--text-color: rgb(17, 17, 17);
		--link-color: #0165e9;
	}
}

* {
	/* background: #888; */
	scrollbar-color: var(--border-color) var(--scroll-bg-color);
}

/* @media only screen and (max-width: 960px) {
    #center-panel {
        width: 80%;
    }
} */