/* basics */
html, body {
 margin:0; padding:0;
 font-family: Arial,Helv,sans-serif;
 font-size:16pt;
 line-height:1.25;
 color:#000;
 min-height:100vh;
 width:100%;
 color:white;
 background:black;
position:relative;
/*
 color:#a96;
 font-family: Main,Arial,Helv,sans-serif;
*/
}
body { padding:1%; }
body::after, label::after { content:' '; display:block; clear:both; }
* { box-sizing:border-box; margin:0; padding:0; }
ul, ol { margin-left:32px; }
figure, figure img { max-width:100%; height:auto; position:relative; }
h1, h2, h3, h4, h5, h6 { font-family:Impact,Helv,Arial,sans-serif; font-weight:normal; margin-top: 1em; }
h1 { font-size:3em; }
p, ul, ol { margin-top:0.5em; }
a { font-weight:bold; color:gold; }
hr { margin:16px 0; height:0px; border: 2px solid gold; }
div>*:first-child { margin-top:0; }
input, select, textarea { font-size:14pt; width:100%; max-width:288px; }
input[type="checkbox"], input[type='radio'], input[type="submit"] { width:auto; }
textarea { max-width:800px; height:288px; }
input[type=submit] {
	position:relative;
        top:-3px;
	box-shadow: 0px 1px 0px 0px #80878a;
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	background-color:#33bdef;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:4px 24px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}
input[type=submit]:hover {
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	background-color:#019ad2;
}
input[type=submit]:active {
	top:-2px;
}
form { line-height:16px; }
label { display:block; clear:left; line-height:32px; }
small { font-size:18px; }
label input:not([type='checkbox']):not([type='radio']), label select, label textarea { display:block; clear:left; }
input.err { border-color:red; box-shadow:0 0 3px red; }
p.err { font-style:italic; }

.high { color:gold; }

/* basic layout */
main { position:relative; height:100%; width:90%; max-width:1280px; margin:auto; }
.panel { color:black; background:gold; padding:18px 1% 48px; text-align:left; }
.panel, .sub { max-width:600px; margin:auto; }
.sub { padding-top:2%; }
.panel hr { border-color:black; }
.rt { border-top-left-radius: 32px; border-top-right-radius: 32px; }
.rb { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; }
.page {
 color:black;
 background:lemonchiffon;
 min-height:80vh;
 padding:4%;
 
}
.page a, .panel a { color:maroon; }

.wrap { height:100%; background:lime; }
body { display:flex; flex-direction:column; justify-content:space-around; align-items:center;}

@media only screen and (min-width: 800px) {
 .ls, .rs { width:48%; float:left; clear:left; overflow:hidden; }
 .rs { clear:right; float:right; }
}