@font-face {
	font-family: "iosevka_etoile_thin";
	src: url("../fonts/iosevka-etoile-latin-100-normal.woff2");
}

@font-face {
	font-family: "iosevka_etoile_extralight";
	src: url("../fonts/iosevka-etoile-latin-200-normal.woff2");
}

@font-face {
	font-family: "iosevka_etoile_medium";
	src: url("../fonts/iosevka-etoile-latin-500-normal.woff2");
}

body {
	background: #000;
	font-family: "iosevka_etoile_medium";
	color: #fff;
	width: 100%;
	text-align: center;
	margin: 0px;
	overflow: hidden;
}

a {
	text-decoration: none;
	color: #fff;
}

#top_bar {
	background: #111;
	font-family: "iosevka_etoile_extralight";
	font-size: 32px;
}

#main_title {
	display: inline-block;
	font-family: "iosevka_etoile_thin";
	font-size: 144px;
	margin-left: auto;
	margin-right: auto;
	height: 190px;
}

#sub_title {
	margin-top: -30px;
	margin-bottom: 20px;
}

#menu {
	display: flex;
}

#minimenu {
	display: inline-block;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 20px;
	text-align: center;
}

.menu_item {
	font-family: "iosevka_etoile_extralight";
	display: inline-block;
	flex-grow: 1;
	font-size: 32px;
	width: 100%;
	height: 10000px;
	float: left;
	justify-content: center;
	padding-top: 32px;
}

.minimenu_item {
	display: inline-block;
	width: 30px;
	height: 10px;
}

#menu_item0 {
	background: #000;
	color: #808080;
}

#menu_item0.selected .text {
	border-bottom: solid #808080 2px;
	margin-bottom: 25px;
}

#menu_item1 {
	background: #333;
	color: #b3b3b3;
}

#menu_item1.selected .text {
	border-bottom: solid #b3b3b3 2px;
	margin-bottom: 25px;
}

#menu_item2 {
	background: #666;
	color: #fff;
}

#menu_item2.selected .text {
	border-bottom: solid #fff 2px;
	margin-bottom: 25px;
}

#menu_item3 {
	background: #999;
	color: #000;
}

#menu_item3.selected .text {
	border-bottom: solid #000 2px;
	margin-bottom: 25px;
}

#menu_item4 {
	background: #ccc;
	color: #4d4d4d;
}

#menu_item4.selected .text {
	border-bottom: solid #4d4d4d 2px;
	margin-bottom: 25px;
}

#menu_item5 {
	background: #fff;
	color: #808080;
}

#menu_item5.selected .text {
	border-bottom: solid #808080 2px;
	margin-bottom: 25px;
}

#content {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: none;
	z-index: -1;
	overflow: scroll;
}