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

#hopToMainLink {
display:none;
}

#slogan-box {
position:fixed;
top:0px;
left:0px;
width:100%;
background-color:blue;
font-size:small;
text-align:center;
color:white;
}

#logoimg {
width:100%;
}

#slogan-dash-dash:before {
content: "FrillerWorks "
}

#quotebox {
font-size:small;
text-align:center;
color:gray;
}

.barLinks {
border-top-style:dashed;
border-top-width:2px;
font-weight:bold;
width:100%;
}

.barLink {
border-bottom-style:dashed;
border-bottom-width:2px;
padding-top:4px;
padding-bottom:6px;
}

a.actualBarLink {
color: black;
font-size:small;
font-weight:bold;
text-decoration:none;
/*border-bottom:2px dotted;*/
}

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

label {
	cursor:pointer;
}

#hamburger_menu {
	display:none;
	background-color:#0E4FB0;
	position:absolute;
	right:5px;
	top:45px;
	width:220px;
	border-radius:10px;
	color:yellowgreen;
	padding-left:15px;
	padding-right:15px;
}

#hamburger_icon {
	display:none;
}

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

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

.printOnly {
    display:none;
}

/* Change some colors if the phone requests dark mode */

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

html {
--deftTextColor: #000000;
}

body {
background-color: #262F3D;
color: #93A3BA;
}

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

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

#logonqotw {
background: linear-gradient(#430853, #262F3D);
}

a.actualBarLink:link {
color: #93A3BA;
}

a.actualBarLink:visited {
color: #93A3BA;
}

a:link{ color:#DDDDFF; }
a:visited{ color:#FFCCFF; }

#announcement-bar a:link{ color:#0000FF; }
#announcement-bar a:visited{ color:#FF00FF; }

}