:root {
	--amber:#FFB000;
	--light_amber:#FFCC00;
	--iridium:#3D3C3A;
}
@font-face {
  font-family: vt52; /* set name */
  src: url(vt52.otf); /* url of the font */
}
hr {
	color:var(--amber);
	border-style:none;
	border-top:3px double;
}
p {
	color:var(--amber);
	margin:16px;
}
h3 {
	color:var(--amber);
	margin:16px;
}
form {
	color:var(--amber);
	margin:1em;
}
input, button, select, option, textarea {
    font-size: 100%;
}
.customcheckbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  padding:0px;
  margin:0px;
  width:20px;
  height:20px;
  background-clip:padding-box;
}
.customcheckbox input[type="checkbox"]:checked {
	background-color:var(--amber);
}
.customcheckbox input[type="checkbox"]:hover:checked {
	border-color:transparent;
}
.customcheckbox input[type="checkbox"]:hover:not(checked) {
	border-style:solid;
	border-width:1px;
}
.customcheckbox text {
	padding-bottom:0.3em;
	padding-left:0.5em;
}
label.customcheckbox {
	margin-top:5px;
	margin-bottom:5px;
	display:flex;
	align-items:center;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome, Safari, Opera */
	-khtml-user-select: none;    /* Konqueror HTML */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Standard syntax */
}
.tagtoggle {
	color:var(--amber);
	background-color:black;
	font-family:vt52;
	border-style:double;
	border-color:var(--amber);
	border-width:3px;
	padding:5px;
	background-clip:padding-box;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome, Safari, Opera */
	-khtml-user-select: none;    /* Konqueror HTML */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Standard syntax */
}
.tagtoggle:checked + label {
	color:black;
	background-color:var(--amber);
	font-weight:bold;
}
.tagtoggle:hover:not(checked) + label {
	border-color:transparent;
}
.tagtoggle:hover:checked + label {
	border-color:black;
}
input {
	color:var(--amber);
	background-color:black;
	font-family:vt52;
	border-style:double;
	border-width:3px;
	border-color:var(--amber);
	padding:5px;
}
input::placeholder {
	color:var(--amber);
}
input:focus {
  outline: none;
}
button {
	color:var(--amber);
	background-color:black;
	font-family:vt52;
	border-style:double;
	border-color:var(--amber);
	border-width:3px;
	padding:5px;
}
button:hover {
	color:var(--amber);
	background-color:black;
	font-family:vt52;
	border-style:double;
	border-color:black;
	border-width:3px;
	padding:5px;
}
h2.projectheadline {
	font-family:vt52;
	color:black;
	margin:20px;
	border-style:double;
	border-color:var(--amber);
	background-color:var(--amber);
	padding:10px;
}
div.projectmaincontent {
	width:100%;
	text-align:left;
}
img.projectsplash{
    float:left;
    height:auto;
	max-height:370px;
	margin:20px;
}
span.projectstatbox {
	width:100%;
	border-style:double;
	border-color:var(--amber);
	margin:20px;
	margin-left:0px;
}
a {
	color:var(--amber);
}
a.invisiblelink {
	text-decoration: none;
	color:initial;
}
a.biglink {
	text-decoration: none;
	color:var(--amber);
}
a.searchresultlink {
	text-decoration: none;
	color:black;
}
a.searchresultlink:hover div.orange {
	background-color:black;
	color:var(--amber);
}
div.fullscreen {
  width:100%;
  overflow:auto;
}
div.pagebody {
	display:flex;
	height:auto;
}
div.sidebar {
  width:10em;
  background-color:black;
  border-style:double;
  border-color:var(--amber);
  border-top:none;
}
div.sidebar p.sidebarlabel {
	width:auto;
    padding:10px;
	margin:20px;
	color:black;
	background-color:var(--amber);
	border-style:double;
	border-color:var(--amber);
}
div.sidebar a {
  color:var(--amber);
  padding:10px;
  margin:20px;
  border-style:double;
  border-color:var(--amber);
  display:block;
}
div.sidebar a:hover {
  color:var(--amber);
  padding:10px;
  border-style:double;
  border-color:black;
}
div.titlebar {
	text-align:center;
	margin:0;
	height:auto;
	background-color:var(--amber);
	padding:10px;
	padding-bottom:20px;
	border-style:double;
	border-color:black;
}
div.searchresult {
	display:flex;
	overflow-y:auto;
	margin:20px;
	font-weight:bold;
	border-color:var(--amber);
	border-width:3px;
	border-style:double;
}
div.searchresult div {
	border-style:double;
	padding:10px;
	border-color:var(--amber);
}
div.searchresult div.orange {
	border-style:double;
	background-color:var(--amber);
}
div.searchresult div.black {
	color:var(--amber);
	width:auto;
}
.img{
    float:left;
    height:auto;
}
div.titlebar h1 {
	margin:0;
}
body {
	margin:0;
	font-family:vt52;
	background-color:black;
	height:100%;
}
html {
	height:100%;
}