html {
--deftTextColor: #000000;
}

body {
margin:0;
background-color:#FF6600;
}

aside {
border-style: solid;
border-color: #5181FF;
border-width: 2px;
border-left-width:6px;
background-color: #FFF3A8;
padding:10px;
padding-left:15px;
margin:12px;
font-size: 0.7em;
font-style: italic;
}

.mobileOnly {
display:none;
}

.printOnly {
display:none;
}

.bodyClass {
/* These flex lines are here to assist with proper heights */
display:flex;
flex-direction:column;
min-height: 100vh;
}

.notice {
margin: 4px;
background-color: #E20958;
color: #E2CE09;
border-radius: 8px;
font-size: .8em;
font-family: Sans-Serif;
padding-left: 3px;
padding-right: 1px;
}

#hopToMainLink {
display:none;
}

#orange {
display:none;
}

#logonqotw {
display:flex;
flex:1;
}

#logobox {
display:block;
flex: 0 0 520px;
background-color:#FFFFFF;
margin:5px;
border-style:double;
border-width:10px;
border-radius:50px;
padding:15px;
}

#quotebox {
padding-top:8px;
padding-left:50px;
display:block;
font-size:small;
background-color:#FFFFFF;
margin:5px;
border-style:double;
border-width:10px;
border-radius:50px;
padding:15px;
}

#slogan-box {
margin:0px;
margin-top:-18px;
background-color:#0200FF;
color:#FFFFFF;
font-size:small;
font-family:Arial, Helvetica, sans-serif;
display:block;
float:right;
}

.barLinks {
display:inline;
}

.barLink {
background-color:#FFFFFF;
margin:2px;
border-style:double;
border-width:4px;
padding:10px;
font-size:12px;
display:inline-block;
}

a.actualBarLink {
color: black;
font-size:small;
text-decoration:none;
}

#featureText {
padding-top:12px;
padding-left:20px;
padding-right:35px;
padding-bottom:18px;
/*background-color:yellow;*/
background-color:#FFFFFF;
margin:5px;
border-style:double;
border-width:10px;
border-radius:50px;
}

#sidebar {
display:inline-block;
flex:0 0 200px;
position:static;
right:0px;
top:0px;
background-color:#FFFFFF;
margin:2px;
border-style:double;
border-width:4px;
padding:10px;
font-size:12px;
display:inline-block;
}

#artPart {
display:flex;
flex:1;
}

#footer {
background-color:white;
font-size:0.75em;
text-align:center;
border-top-style:dashed;
border-top-width:1px;
border-top-color:gray;
}

#hamburger_menu {
	display:none;
	background-color:white;
	position:absolute;
	right:0px;
	top:219px;
	width:220px;
	color:black;
	padding-left:15px;
	padding-right:15px;
	border-style:double;
	border-width:4px;
	
}

#hamburger_icon {
	display:none;
}

#damburger_icon {
    position:absolute;
    right:5px;
    top:178px;
}

#hamburger_icon:checked + #hamburger_menu {
	display:inline-block;
}

/* Some idiots dream of Chocolate and Cole Slaw.
   I wonder what's wronng wih them? */

@media (prefers-color-scheme: dark) {

html {
--deftTextColor: #000000;
}

body {
background-color: #1A2F00;
}

aside {
border-color: #2D478C;
background-color: #2D0538;
}

.notice {
background-color: #E20958;
color: #E2CE09;
}

#logobox {
background-color: #401a00;
}

#quotebox {
background-color: #401a00;
border-color: #FF6600;
color: #FF6600;
}

#slogan-box {
background: linear-gradient(transparent, #FF6600);
}

.barLink {
background-color: #401a00;
border-color: #FF6600;
}

a.actualBarLink {
	color: #FF6600;
}

#sidebar {
	background-color: #401a00;
	border-color: #ff6600;
	color: #FF6600;
}

#featureText {
	background-color: #401a00;
	border-color: #ff6600;
	color: #ff6600;
}

#hamburger_menu {
	background-color: #401a00;
	border-color: #ff6600;
	color: #FF6600;
}

}