@font-face{
	font-family: 'nasalization';
	src:  url('font_nasalization-rg.ttf') format('truetype');
}

html{
  font-family: 'nasalization', Fallback, sans-serif;
}

*:focus{
    outline: none;
}

::-webkit-scrollbar{
	display: none;
}

@keyframes loadContent {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

body{
	color: white;
	background-color: black;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	opacity: 0;
	-webkit-animation: loadContent 1s forwards;
	-moz-animation: loadContent 1s forwards;
	-ms-animation: loadContent 1s forwards;
	-o-animation: loadContent 1s forwards;
	animation: loadContent 1s forwards;
}

input, textarea, select, button{
	font-family: 'nasalization', Fallback, sans-serif;
}

#main-content-container{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
}

#main-content-container-one,
#main-content-container-two{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

#main-content-container-one{
	box-shadow: inset 0 0 10px red;
}

#main-content-container-two{
	box-shadow: inset 0 0 10px blue;
}

#main-content{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.scrollbarProgressBar{
	background-color: #C06F2B;
	position: absolute;
	width: 0;
	height: 100%;
	opacity: 0;
	transition: width, opacity 0.3s;
}

/* Miscellaneous */
.no-select{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}