* {
	margin: 0px;
	padding: 0px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

body {
	background-image: linear-gradient(90deg, #ff0000 25%, #ffffff 25%, #ffffff 50%, #ff0000 50%, #ff0000 75%, #ffffff 75%, #ffffff 100%);
	background-size: 320.00px 320.00px;
	font-family: "Arial", "Arial", serif;
	text-rendering: optimizeLegibility;
}

#navbar {
    position: fixed;
    top: 0px;
    width: 100%;
}

.h_iframe iframe {
    width:95%;

}
.h_iframe {
    height: 100%;

}

#container {
	width: 640px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: none;
}

#header, #footer {
	display: block;

	width: 600px;
	color: #000;
	opacity: 0.5;
	text-shadow: 0px 1px 0px #e1e1e1, 0px -1px 0px #313131;
   	background-color: none;
	font-size: 2.8em;
	font-weight: bold;
	padding: 8px 20px 8px 20px;
	transition-property: background-color;
	transition-duration: 1s;
	-moz-transition-property: background-color;
	-moz-transition-duration: 1s;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 1s;
}

#footer {
	text-align: center;
	font-size: 1.0em;
	padding: 3px 20px;
	margin-bottom: 80px;
}

#footer a {
	text-decoration: none;
	color: #000;
}

a:link {
  color: #ff0000;
}

a:visited {
  color: #ff0000;
}

a:hover {
  color: white;
}

details {
	background-color: #ff0000;
}
details details {
	background-color: limegreen;
	margin-left: 1em;
}