@charset "UTF-8";

@font-face
{
  font-family: 'joystix';
  src: url('../fonts/joystix-monospace.ttf') format('truetype');
}

@font-face
{
  font-family: 'mozart';
  src: url('../fonts/Mozart.ttf') format('truetype');
}

@font-face
{
  font-family: 'novem';
  src: url('../fonts/novem.ttf') format('truetype');
}

@font-face
{
  font-family: 'retron';
  src: url('../fonts/Retron2000.ttf') format('truetype');
}

@font-face
{
  font-family: 'retrog';
  src: url('../fonts/Retro-Gaming.ttf') format('truetype');
}

html
{
  height: 100%;
  box-sizing: border-box;
  position: relative;
}

body
{
  margin: 0;
  background-color: #000;
}

*,
*:before,
*:after
{
  box-sizing: inherit;
}

.container
{
  position: relative;
  text-align: center;
  
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .left,
.container .middle,
.container .right
{
  position: absolute;
}

.container .left
{
  top: 10px;
  left: 10px;
  text-align: left;
}

.container .middle
{
  top: 100px;
}

.container .right
{
  top: 10px;
  right: 10px;
  text-align: left;
}

/* Content Upper */

.upper
{
	position: relative;
	width: 100%;
	height: 50px;
}

.upper a
{
	color: #fff;
	text-decoration: none;
}

.upper a:hover
{
	text-decoration: underline;
}

.upper span
{
	color: #ffff00;
	text-decoration: none;
}

.upper .header-left
{
	display: table;
	position: absolute;
	left: 10px;
	top: 10px;
}

.upper .header-left > div
{
	display: table-cell;
}

.upper .header-left > div:last-child
{
	font-family: 'joystix';

	color: #ffff00;

	font-size: 36px;
	line-height: 36px;

	vertical-align: top;
	padding-left: 12px;
}

.upper .header-left img
{
	max-height: 36px;
}

.upper .header-mid
{
	text-align: center;
	font-family: 'joystix';
	color: #ffff00;
	padding-top: 10px;
	font-size: 30px;
}

.upper .updates
{
	text-align: center;
	font-family: 'retrog';
	color: #ff00e3;
	padding-top: 30px;
	font-size: 15px;
}

.upper .updates2
{
	text-align: center;
	font-family: 'retrog';
	color: #ff00e3;
	font-size: 10px;
}

.upper .index
{
	font-family: 'mozart';
	color: #ff00e3;
	font-size: 1.1em;
	position: absolute;
	right: 10px;
	top: 10px;
}

/* Content Left / Right */

.container .content-left,
.container .content-right
{
	font-family: 'retron';
	color: #00cd00;
}

.container .content-left span,
.container .content-left a,
.container .content-right span,
.container .content-right a
{
	color: #fff;
	text-decoration: none;
}

.container .content-left a:hover,
.container .content-right a:hover
{
	text-decoration: underline;
}

.container .content-left .small,
.container .content-right .small
{
	padding-top: 2px;
	font-family: 'mozart';
	font-size: 0.9em;
}

.container .content-left > div:not(.category):not(.small),
.container .content-right > div:not(.category):not(.small)
{
	padding-top: 6px;
}

.container .content-left .category,
.container .content-right .category
{
	padding: 22px 0px 16px 0px;
}

/* Bottom */

.bottom
{
	color: #fff;
	font-family: 'mozart';
	position: absolute;
	bottom: 0px;
	width: 100%;
	font-weight: bold;
}

.bottom .llc
{
	color: #ffff00;
	font-family: 'joystix';
	font-size: 30px;
	line-height: 30px;
	padding: 6px 0px 10px 10px;
}

.video1
{
	margin-top: 50px;
	outline: none;
}

.enter
{
	color: #fff;
	font-family: 'mozart';
	position: absolute;
	width: 100%;
	font-weight: bold;
}

.enter .enter1
{
	font-family: 'joystix';
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	padding: 20px 0px 10px 10px;
}

.enter .enter1 a
{
	color: #2bd1fc;
	text-decoration: none;
	border: 2px solid #ff48c4;
	padding: 2px;
}

.bottom .blue
{
	font-family: 'novem';
	color: #ffff00;
	background-color: #0000ee;
	width: 100%;
	font-size: 0.7em;
	padding: 0px;
}

video {
  height: 600;
}

canvas {
  margin-bottom: 4em;
}

.hidden {
  display: none;
}

div.mobile
{
  display: none;
}

@media only screen and (max-width: 640px)
{
  div.mobile
  {
    position: fixed;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    min-width: 100vw;
    min-height: 100vh;
    background-color: red;

  }
}