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;
	min-height:20px;
	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: #feffe733;
}

.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;
}

.pageNest {
	margin:0%;
	display:flex;
}

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

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

.upperBanner {
	max-width:74.675vw;
}

.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 {
	margin-left:2%;
	margin-right:2%;
	margin-bottom:2%;
	background-color:var(--shaderColor);
	height:max-content;
}

.buttonRack {
	display: flex;
	height:fit-content;
	margin-left: 2%;
	margin-right: 2%;
	height:calc(10px + 3.5vw);
}

.buttonRack > button {
	border-color:var(--buttonBorderColor);
	background:var(--buttonBgColor);
	border-width: 1px;
	font-size: calc(1.2vw + 3px);
	flex:50%;
}

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