html, body {
	height: 100%;
	width: 100%;
	background-color: black;
	color: white;
	margin: 0;
	font-family: "Maven Pro", sans-serif;
	overscroll-behavior-y: contain;
}

a:link {
	color: white;
}

a:visited {
	color: white;
}

.titlebox {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 100%;
	background-image: linear-gradient(darkblue, black);
	height: 20%;
}

.titlecontainer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 90%;
	height: fit-content;
	margin: auto;
	text-align: center;
}

.title {
	height: fit-content;
	width: 100%;
	font-size: 30pt;
	margin: 0;
	text-align: center;
	font-family: "Maven Pro", sans-serif;
	display: inline;
}

.navbar {
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: darkblue;
	width: 100%;
	height: fit-content;
}

.navcontainer {
	position: relative;
	top: 0;
	bottom: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: fit-content;
	text-align: center;
}

.bodybox {
	position: relative;
	right: 0;
	left: 0;
	width: 95%;
	margin: auto;
	min-height: 100%;
}

.sectionheader {
	text-align: center;
	width: 100%;
	font-size: 20pt;
}

.sectioncontent {
	text-align: center;
	vertical-align: top;
	width: 100%;
	font-size: 14pt;
}

.colcontent {
	/* 		  padding: 0 18px; */
	background-color: #00f3;
	max-height: 0;
	max-width: 0;
	border-radius: 12.5pt;
	font-size: 12pt;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.collapsible {
	width: 64px;
	height: 64px;
	padding: 0;
	background-color: #3210;
	border-color: #3210;
}

.icon {
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 64px;
	height: 64px;
/* 	border-radius: 100px; */
}

.option {
	width: fit-content;
	height: fit-content;
	display: inline-block;
	margin-right: 5pt;
	margin-left: 5pt;
}
.opt {
	min-height: 50pt;
	min-width: 50pt;
	border-radius: 100px;
	border-color: darkblue;
	background-image: radial-gradient(black, darkblue);
	color: white;
}
#frame.fs {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
#fs {
	width: min-content;
}
#frame {
	background-color: white;
	border-radius: 5px 5px 0 0;
}
.footer {
	text-align: center;
}
#crypto,.crypto {
	display: inline;
}
div[style='position: fixed; margin-top: 40px; text-align: center; max-width: 100%; width: 800px; height: 450px; z-index: 9999; top: 10px;'] {
	display: none !important;
	color: black !important;
}