body {
	background-color: var(--bgColor);
	margin:0%;
}

.space {
	height:3vh;
}

.largeSpace {
	height:calc(3vh + 3vw);
}

.alwaysHeader {
	position:fixed;
	height:calc(3vh + 3vw);
	min-height:max-content;
	width:calc(100vw);
	margin:0%;
	border-width:2px;
	border-color:var(--darkBorderColor);
	background: var(--heavyBgColor);
	border-color:var(--lightBorderColor);
	color:var(--darkBorderColor);
	display:flex;
	box-shadow:0vw, 0.1vw, 0.05vw, var(--lightBorderColor);
}

.alwaysHeader > p {
	font-size: calc(2vw + 8px);
	flex:50%;
	margin:0.95vh;
	margin-left: 3vw;
}

.alwaysHeader > button {
	font-size: calc(1.5vw + 5px);
	font-family: 'Times New Roman', Times, serif;
	flex:10%;
	border-width:1px;
	border-color:inherit;
	color:inherit;
	background:#00000000;
}

.alwaysHeader > button:hover {
	background: #ffffff44;
}

.alwaysHeader > button > a {
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	display:flex;
	width:100%;
	height:100%;
	text-decoration: none;
	align-items: center;
	justify-content: center;
}

.leftFrame {
	flex:100%;
	overflow-y:scroll;
	overflow-x:hidden;
	order:1;
	min-height: 100vh;
}

.leftFrame > label {
	color:var(--lightTextColor);
}

.upperBanner {
	min-width:100vw;
}

.lowerBanner {
	height:calc(2.1vh + 2.3vw);
	display:flex;
	flex-wrap: nowrap;
    justify-content: center;
	background:var(--lightBgColor);
	margin:0%;
	border-width:2px;
	border-color:var(--darkBorderColor);
}

.lowerBanner > p {
	margin:0.7vh;
	font-family:'Times New Roman', Times, serif;
	font-size: calc(1.5vw + 5px);
	text-align: center;
	color:var(--darkBorderColor);
}

.divider {
	margin:0%;
	flex:0.65%;
	width:0.65vw;
	height:100vh;
	order:2;
	background-color:var(--lightTextColor2);
}

.rightFrame {
	flex:24.675%;
	order:3;
}

h1 {
	text-align: center;
	color:var(--lightTextColor);
	font-size:calc(2vw + 18px);
	margin:2%;
}

h2 {
	font-size:calc(1.4vw + 7px);
	color:var(--lightTextColor);
	font-weight:normal;
	margin-left:2%;
	margin-right:2%;
	margin-top:1%;
	margin-bottom:1%;
}

.boxShader {
    display:flex;
    width:100%;
    justify-content:center;
}

.leaderBox {
	border-color:var(--lightBorderColor);
	height:auto;
	width:85%;
	font-size:calc(0.5vw + 12px);
	margin-left:2%;
	margin-right:2%;
	margin-bottom:2%;
	background:var(--lightBgColor);
}

.leaderBox > div {
    border-color:#ffffff;
    border-width:2px;
}