@font-face { font-family:"square"; src:url("fonts/square.ttf"); }
/* @font-face { font-family:"exo"; src:url("fonts/Exo2-Black.ttf"); } */
@font-face { font-family:"exo"; src:url("fonts/Exo2-ExtraLight.otf"); }

@media screen and (orientation: portrait) {
	.maintable {
		width: 95%;
	}
}

@media screen and (orientation: landscape) {
	.maintable {
		width: 70%;
		padding: 22px;
		background:#303030;
	}
}

/* Make any borders inside the div percentages, so div sizes are not affected */
div
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* Make default hr lines dark */
hr { color: #050505; background: #050505; border-color: #050505; }


body,html
{
	height:100%; width:100%; padding:0; margin:0; color:#80A0C0; font-family:"square"; font-size:12px;
	  -webkit-touch-callout: none; /* iOS Safari */
	    -webkit-user-select: none; /* Safari */
	     -khtml-user-select: none; /* Konqueror HTML */
	       -moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
		    user-select: none; /* Non-prefixed version, currently
		                          supported by Chrome and Opera */


	background:#202020;
}

a { background: transparent; color: #509050; }
a:hover { background: transparent; color: #80FF80; }
p { margin:0px; padding:0px; }
h2 { color:#FFFFC0; font-size:3vw }
ul { font-size:34px; }
h1 { font-size:50px; color:#FFFF00; }