:root {
	--mainColor: #318964;
	--mainColorTrans: rgba(49, 137, 100, 0.2);
	--secondColor: #6b6b6b;
	--gray: #808080;
	--accent: #f80;
	--black: #000;
	--black2: #333;
	--white: #fff;
	--whiteTrans: rgba(255, 255, 255, 0.25);
	--textShadow: rgba(0, 0, 0, 0.125);
	--textShadow2: rgba(0, 0, 0, 0.25);
	--textShadow3: rgba(0, 0, 0, 0.1);
	--textLightShadow: rgba(255, 255, 255, 0.125);
}
*, ::after, ::before {
	outline: 0;
	border: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	scrollbar-color: var(--mainColor) var(--secondColor);
	scrollbar-width: thin;
	scroll-behavior: smooth;
	transition: all 0.125s;

	font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", system-ui, Roboto, Oxygen-Sans, Ubuntu, Cantarell,
    "Helvetica Neue", sans-serif;

	font-size: inherit;
	word-spacing: 0.25rem;
	line-height: 1.25;
	color-scheme: light; 
	accent-color: var(--accent);
	user-select: none;
}
:active, :focus {
	outline: 0;
	-webkit-tap-highlight-color: transparent;
}
::selection {
	opacity: 1;
	background: var(--black);
	color: var(--white);
}
::placeholder {
	color: var(--black);
	opacity: 0.5;
}
::-webkit-scrollbar {
	width: 0.5rem;
	height: 0.5rem;
}
::-webkit-scrollbar-thumb { background: var(--white); }
::-webkit-scrollbar-track { background: var(--mainColor); }
html, body {
	width: 100%;
	height: 100%;
}
a {
	text-decoration: underline;
	color: var(--black);
}
a, a::before, a::after { cursor: pointer; }
a:hover, a:active, a:focus { color: var(--secondColor); }
html { background-color: var(--white); }
body {
	overscroll-behavior: none;
	text-align: left;
	font-size: 1rem;
	text-shadow: 0 0.05rem 0.05rem var(--textShadow);
	cursor: grab;
	color: var(--black);
}
@media (prefers-color-scheme: dark) {
	*, ::after, ::before {
		color-scheme: dark;
		scrollbar-color: var(--secondColor) var(--mainColor);
	}
	::selection {
		opacity: 1;
		background: var(--white);
		color: var(--black);
	}
	::-webkit-scrollbar-thumb { background: var(--secondColor); }
	::-webkit-scrollbar-track { background: var(--mainColor); }
	html { background-color: var(--black); }
	body {
		color: var(--white);
		text-shadow: 0 0.05rem 0.05rem var(--textLightShadow);
	}
	::placeholder {
		color: var(--white);
		opacity: 0.5;
	}
}
@media (prefers-color-scheme: light) {
	*, ::after, ::before {
		color-scheme: light;
		scrollbar-color: var(--secondColor) var(--mainColor);
	}
	::selection {
		opacity: 1;
		background: var(--black);
		color: var(--white);
	}
	::-webkit-scrollbar-thumb { background: var(--mainColor); }
	::-webkit-scrollbar-track { background: var(--secondColor); }
	html { background-color: var(--white); }
	body {
		color: var(--black);
		text-shadow: 0 0.05rem 0.05rem var(--textShadow);
	}
	::placeholder {
		color: var(--black);
		opacity: 0.5;
	}
}