@font-face {
    font-family: 'SairaStencilOne';
    src: url('../res/fonts/Saira_Stencil_One/SairaStencilOne-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'SpecialElite';
    src: url('../res/fonts/Special_Elite/SpecialElite-Regular.ttf') format('truetype');
}

* {
    padding: 0;
    margin: 0;
}

html {
    overflow-y: scroll;
    font-size: 12pt;
	font-family: sans-serif;
	cursor: default;
}

html, body {
	width: 100%;
	height: 100%;
	background-color: rgb(6, 6, 6);
	color: rgb(255, 255, 255);
	font-size: 100%;
}

::selection {
            background-color: rgb(136, 8, 8);
            color: rgb(255, 255, 255);
}

#side {
	width: 100%;
	height: 100%;
	display: grid;
	justify-content: space-evenly;
	overflow: hidden;
}

#box {
	width: max-content;
	margin: auto;
	text-align: center;
	padding: 1% 5% 1% 5%;
}

#text {
	margin: auto;
	font-family: 'SairaStencilOne', sans-serif;
	font-size: 666%;
	font-weight: bold;
	font-style: italic;
}

#info {
	font-family: 'SpecialElite', monospace;
	text-transform: uppercase;
	font-size: 150%;
	color: rgb(136, 8, 8);
	transform: translateY(-47px) rotate(-4deg);
	border: 2px solid;
	padding-top: 6px;
	cursor: not-allowed;
}

footer {
	width: 100%;
	font-size: 80%;
	text-align: center;
	position: relative;
	color: rgb(33, 33, 33);
}

footer > p {
	text-transform: uppercase;
	font-size: 150%;
}