/* layout */
body {
	margin: 0;
	overflow: hidden;
	background-color: #22262A;
	cursor: url("images/cursor.png"), auto;
}

header
{
	height: 18px;
	background: linear-gradient(to right, #000080, #1084D0);
	color: #FFFFFF;
}

header *
{
	font-family: "OMORI2";
	display: inline;
	margin: 0;
	vertical-align: top;
	font-size: 18px;
}

footer {
	height: 45px;
	background-color: #C0C0C0;
	border-width: 2px 0 0 0;
	border-style: solid;
	border-color: #FFFFFF;
	color: #000000;
}

.page-content {
	height: calc(calc(100vh - 45px) - 18px);
	overflow: scroll;
	max-width: 84rem;
	margin-left: auto;
	margin-right: auto;
}

/* generic classes */
.windows {
	background-color: #C0C0C0;
	border-color: #DFDFDF #808080 #808080 #DFDFDF;
	border-width: 2px 2px;
	border-image: url("images/button.svg") 64/2px;
	color: #000000;
}

.windows:active, .windows-reverse {
	box-shadow: inset -1px -1px #FFFFFF,inset 1px 1px #0A0A0A,inset -2px -2px #DFDFDF,inset 2px 2px #808080;
}

.card {
	margin-top: 10px;
}

/* fonts */
@font-face {
	font-family: "OMORI";
	src: url("fonts/OMORI_GAME.ttf");
}

@font-face {
	font-family: "OMORI2";
	src: url("fonts/OMORI_GAME2.ttf");
}