/*Orange = ff7f27 */
body {
	background-color: #c3c3c3;
	color: black;
	font-size: 1vw;
}

div.skuld a {color: black;}
div.skuld a:link {color: black;}
div.skuld a:visited {color: black;}
div.skuld a:hover {background-color: white; color: black;}
div.skuld a:active {color: white;}

div.banner {
	background-color: black;
	color: #ff7f27;
	height: 5em;
	z-index: -1;
}

div#ClickHome {
	cursor: pointer;
}

div.bannerOverlay {
	color: #ff7f27;
	height: 5em;
	position: absolute;
	top: 0em;
	left: 0em;
	width: 100%;
}

div.bannerOverlay h1{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

div.bannerOverlay #DATE{
	position: absolute;
	right: 2em;
	top: 50%;
    transform: translate(-50%, -50%);
	font-size: large;
	}

div.bannerOverlay #ClickHome{
	position: absolute;
	left: 0em;
	top: 50%;
	height: 3em;
	width: 8em;
    transform: translate(0, -50%);
	font-size: large;
	}
	
div.menu {
	background-color: #ff7f27;
	color: black;
	position: absolute;
	top: 5em;
	left: 0em;
	width: 15vw;
	bottom: 3vw;
	padding-top: 4vw;
	padding-left: 1vw;
	padding-right: 1vw;
	overflow:auto;
}

  
div.menu a:link {color: black;font-size:1vw;}
div.menu a:visited {color: black;}
div.menu a:active {color: black;}
div.menu a:hover {text-decoration: none;}
div.menu p:hover {color: white;font-weight: bold;background-color: #c3c3c3;text-decoration: none;}

div.menu span {
	position: absolute;
	left: 50%;
	top: 1vw;
    transform: translate(-50%, -50%);
	font-size: 2vw;
}

.linkicon {
	width: 1vw;
	max-width: 25px;
	min-width: 15px;
	max-height:25px;
	min-height:15px;
}

.lockicon {
	height: 1vw;
	padding: 1px;
}

div.content {
	background-color: white;
	color: black;
	position: absolute;
	top: 5.1em;
	left: 15.1vw;
	right: 0em;
	bottom: 3em;
}

div.disclaimer {
	position: absolute;
	bottom: 0em;
	height: 2.5em;
	width: 100%;
}

div.disclaimer p {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }
	
iframe {
	background-color: black;
	color: white;
}

.plex-image-preloader.plex-logo{
	background-position-x: 50%;
	background-position-y: 25%;
}

div.centerform{
    position:absolute;
    left: calc(50%);
    top: 35%;
	transform: translate(-50%);
	color: #f9be03;
	font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight: bold;
}

input[type=submit] {
	font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif;
	background-color: #f9be03;
	color: white;
}

div.center{
    position:absolute;
    left: calc(50%);
    top: 40%;
	transform: translate(-50%, -50%);
}

pre{
	/*background-color: white;*/
	border: none;
}

span #fail {
	color: white;
	background-color: red;
	font-weight: bold;
}

span #success {
	color: white;
	background-color: green;
	font-weight: bold;
}

@media screen and (max-width: 600px) {
  .menu, .content {
    width: 100vw;
  }
}