/* Mobile/Touch devices */
/* 
@import url(/css/mobile.css) only screen and (hover: none);
@import url(/css/desktop.css) only screen and not (hover: none);
*/

/* @import url(/css/check.css); */

:root {
	--main-bg-color: #241e19;
	--main-bg-color2: #313131;
	--main-fg-color: #ffffffcc;
	--main-fg-color-light: #fff;
	--main-shadow-color: #5f5c41c9;
	--main-highlight-bg-color: #ffffff12;

	--z-index-menu: 100;
	--z-index-menubutton: 101;
}

html {
	font-family: "Charm", sans-serif;
	font-size: 20px;
	background: linear-gradient(to bottom, var(--main-bg-color) 0%, var(--main-bg-color2) 100%);
	min-height: 100%;
	color: var(--main-fg-color);
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
	text-shadow: var(--main-shadow-color) 1px 1px 3px;
}

a, a:visited {
	color: var(--main-fg-color-light);
}

/* Mobile */
@media (hover: none) {
	html {
		font-size: 16px;
	}
}

/* Desktop */
@media not (hover: none) {

}