:root
{
	--boxwidth: 900px;
	--headercolor: orange;
	--standardborder: 1px solid white;
	--sidebarwidth: 200px;
	--mainboxwidth: 668px;
	/*Stars*/
	background-color: black;
	background-image: url(/pics/stars2.gif);
	font-family: monospace;
	color: white;
}

#container
{
	display: flex;
	justify-content: center;
	align-items: center;
	width: var(--boxwidth);
	margin: 0 auto;
	border: var(--standardborder);
	padding: 3px;
	background-color: rgba(0,0,0,0.7);
}

#box
{
	width: var(--boxwidth);
	color: white;
	border: var(--standardborder);
	border-image-source: url("/pics/borderlowres.png");
	border-image-slice: 14%;
	border-image-width: 50px;
	border-image-outset: 30px;
}

#header
{
	padding: 10px;
	border-bottom: var(--standardborder);
	background-color: var(--headercolor);
	
}

#header h1
{
	margin: 0px;
}

#navbar
{
	border-bottom: var(--standardborder);
	margin-bottom: 10px;
	text-align: center;
}

#navbar a
{
	font-size: 1.125em;
	padding: 0px 10px 0px 10px;
}

#navcontainer
{
	margin: 10px 0px 10px 0px;
}

#sidebar
{
	float: right;
	width: var(--sidebarwidth);
	padding: 0px 10px 5px 0px;
	overflow: auto;
}

.sidebox
{
	border: var(--standardborder);
	margin: 0px 0px 5px 0px;
}

.sidebox-borderless
{
	margin: 0px 0px 5px 0px;
	margin-top: 10px;
}

.sidecontent
{
	padding: 0px 0px 0px 15px;
	color: white;
}

.subheader
{
	/* background-color: var(--headercolor); */
	/*background-color: DarkOrange;*/
	border-bottom: var(--standardborder);
	padding: 3px;
	margin: 0px 0px 5px 0px;
	background-image: url('/pics/background.png');
}

.subheader h3, h2
{
	margin: 0px;
	text-shadow: 0px 3px black;
}

a
{
	color: orange;
}

a:hover
{
	color: yellow;
}

#main
{
	float: left;
	width: var(--mainboxwidth);
	overflow: hidden;
	padding: 0px 0px 5px 10px;
}

.mainbox
{
	border: var(--standardborder);
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.maincontent
{
	padding: 0px 15px 0px 15px;
}

marquee
{
	background-color: white;
	border: 2px solid gray;
	color: black;
	margin: 0px 10px 0px 10px;
}

#buttons
{
	text-align: center;
	margin-top: 20px;
}

blockquote
{
  margin: 8px 8px 8px 8px;
}

.blinking {
  animation: blinker 1s step-start infinite;
  opacity: 0.8;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#heart1
{
  display: none;
}

#heart3
{
  display: none;
}

#heart4
{
  display: none;
}