@font-face {
	font-family: 'pokemon';
	src: url('/font/pokemon.woff2') format('woff2'),
		url('/font/pokemon.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

BODY {
	overflow:hidden;
}

@media screen and (orientation:portrait) {
	/* CSS applied when the device is in portrait mode */
	/*#bgvideo {
		display:none;
	}*/
}

@media screen and (orientation:landscape) {
	/* CSS applied when the device is in landscape mode */
}

#main {
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	height:100%;
	width:100%;
	background-color:#79CAF9;
	background-image:url('img/background.jpg');
	background-position:bottom center;
	background-size:auto;
	background-repeat:repeat-x;
	z-index:-1;
}

#bgvideo {
	position:fixed;
	right:0;
	bottom:0;
	min-width:100%;
	min-height:100%;

	/*position:absolute;
	top:-80px;
	left:0px;
	width:100%;*/
	margin:0;
	z-index:-1;
}

#playpause {
	position:absolute;
	top:10px;
	left:10px;
	width:16px;
	height:16px;
	background-image:url('img/pause.png');
	cursor:pointer;
}

#languages {
	position:absolute;
	top:10px;
	right:10px;
}

.flag {
	display:inline-block;
	width:16px;
	height:11px;
	margin:2px;
}

.flag:hover {
	cursor:pointer;
}

#logo {
	background-position:center center;
	background-repeat:no-repeat;
	width:100%;
	height:300px;
	display:none;
}

#music {
	position:absolute;
	top:10px;
	left:10px;
}

[id^=rand_pkmn_top] {
	position:fixed;
	top:175px;
}

[id^=rand_pkmn_bottom] {
	position:fixed;
	bottom:50px;
}

#rand_pkmn_top1 {
	left:10%;
	transform:scaleX(-1);
}

#rand_pkmn_top2 {
	right:10%;
}

#rand_pkmn_bottom3 {
	left:15%;
	transform:scaleX(-1);
}

#rand_pkmn_bottom4 {
	left:35%;
	transform:scaleX(-1);
}

#rand_pkmn_bottom5 {
	right:35%;
}

#rand_pkmn_bottom6 {
	right:15%;
}

#login {
	position:relative;
	margin:auto;
	padding-left:20px;
	padding-right:20px;
	font-family:'pokemon';
	letter-spacing:2px;
	text-align:center;
	width:600px;
	border:rgba(57,107,186,1) solid 3px;
	border-radius:20px;
	background-color:rgba(228,219,89,1);
	display:none;
}

SELECT, INPUT[type=text], INPUT[type=button] {
	font-family:'Arial';
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	border:rgba(57,107,186,1) solid 3px;
	border-radius:20px;
	background-color:rgba(228,219,89,1);
}

.longinput {
	width:100%;
}

.smalltext {
	width:50px;
}

INPUT[type=button] {
	/*width:50%;*/
	color:#fff;
	background-color:rgba(57,107,186,1);
}

INPUT[type=button]:hover {
	cursor:pointer;
}

#pika {
	position:absolute;
	right:30px;
	top:0px;
	width:104px;
	height:70px;
	z-index:-1;
	display:none;
}

.twitch_login {
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	background-color:#6441A5 !important;
    border-color:#6D51A0 !important;
	width:100%;
	height:40px;
	color:#fff;
	border-radius:3px;
	cursor:pointer;
	background-image:url('img/twitch.png');
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:10px 10px;
}

#menu {
	position:absolute;
	top:-36px;
	left:15px;
	font-size:2px;
}

#menu DIV {
	font-size:16px;
	padding:6px 6px 0px 6px;
	background-color:rgba(228,219,89,1);
	border-left:rgba(57,107,186,1) solid 3px;
	border-top:rgba(57,107,186,1) solid 3px;
	border-right:rgba(57,107,186,1) solid 3px;
	border-radius:20px 20px 0px 0px;
	cursor:pointer;
	display:inline-block;
}

#menu DIV:hover {
	background-color:#F9F6CD;
}

.red {
	color:#800000;
}

.green {
	color:#008000;
}

.profile {
	width:64px;
	height:64px;
	border-radius:50%;
	border:rgba(57,107,186,1) solid 2px;
}

UL, UL LI {
	text-align:left;
	font-size:12px;
}

.scroll {
	width:100%;
	height:380px;
	overflow-y:scroll;
	margin-bottom:10px;
}

#footer {
	font-family:'pokemon';
	font-size:11px;
	position:fixed;
	bottom:5px;
	right:5px;
}

A:link, A:visited {
	color:#000;
	text-decoration:underline;
}

A:hover {
	text-decoration:underline;
}