@keyframes rotate {
	o% {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	        -moz-transform:rotate(0deg);
        	-khtml-transform:rotate(0deg);
	        -ms-transform:rotate(0deg);
	}
	25% {
                transform:rotate(90deg);
                -webkit-transform:rotate(90deg);
                -moz-transform:rotate(90deg);
                -khtml-transform:rotate(90deg);
                -ms-transform:rotate(90deg);
	}
	50% {
                transform:rotate(180deg);
                -webkit-transform:rotate(180deg);
                -moz-transform:rotate(180deg);
                -khtml-transform:rotate(180deg);
                -ms-transform:rotate(180deg);
        }
	75% {
                transform:rotate(270deg);
                -webkit-transform:rotate(270deg);
                -moz-transform:rotate(270deg);
                -khtml-transform:rotate(270deg);
                -ms-transform:rotate(270deg);
        }
	100% {
		transform:rotate(360deg);
                -webkit-transform:rotate(360deg);
                -moz-transform:rotate(360deg);
                -khtml-transform:rotate(360deg);
                -ms-transform:rotate(360deg);
	}
}
@keyframes outershine {
	0% {
		box-shadow:0px 0px 50px blueviolet;
		border-color:#e0c0ff;
	}
	40% {
		box-shadow:0px 0px 35px blueviolet;
	}
	50% {
		box-shadow:0px 0px 50px #60b0ff;
		border-color:#b0d8ff;
	}
	90% {
		box-shadow:0px 0px 35px #60b0ff;
	}
	100% {
		box-shadow:0px 0px 50px blueviolet;
	}
}
@keyframes innershine {
	0% {
                box-shadow:0px 0px 30px blueviolet inset;
        }
        40% {
                box-shadow:0px 0px 40px blueviolet inset;
        }
        50% {
                box-shadow:0px 0px 30px #60b0ff inset;
        }
	90% {
		box-shadow:0px 0px 40px #60b0ff inset;
	}
	100% {
		box-shadow:0px 0px 30px blueviolet inset;
	}
}
@keyframes wiggle {
	0% {
	        -webkit-transform:rotate(-1deg);
        	-moz-transform:rotate(-1deg);
	        -khtml-transform:rotate(-1deg);
        	-ms-transform:rotate(-1deg);
	        transform:rotate(-1deg);
	}
	50% {
	        -webkit-transform:rotate(1deg);
        	-moz-transform:rotate(1deg);
	        -khtml-transform:rotate(1deg);
        	-ms-transform:rotate(1deg);
	        transform:rotate(1deg);
	}
	100% {
                -webkit-transform:rotate(-1deg);
                -moz-transform:rotate(-1deg);
                -khtml-transform:rotate(-1deg);
                -ms-transform:rotate(-1deg);
                transform:rotate(-1deg);
	}
}
@keyframes link {
	0% {
		color:#8060b0;
		text-shadow:0px 0px 0px #e0c0ff;
	}
	25% {
		color:white;
		text-shadow:0px 0px 30px #e0c0ff;
	}
	100% {
		color:#e0c0ff;
		text-shadow:0px 0px 10px blueviolet;
	}
}
@font-face {
        font-family:SalmaAlfaSansLight;
        src:url(/SalmaAlfasansLight.otf);
}
@font-face {
        font-family:BAT_MEN_G;
        src:url(/gomarice_bat_men.ttf);
}
html {
        width:100%;
        height:100%;
        margin:0px 0px 0px 0px;
}
body {
        background-color:black;
        background-image:url(background.jpg);
        background-size:cover;
        background-repeat:no-repeat;
        background-position:top center;
        color:#c098e8;
        font-family:SalmaAlfaSansLight;
        width:100%;
        height:100%;
        margin:0px 0px 0px 0px;
        border:none;
        overflow-x:hidden;
        overflow-y:hidden;
        padding:0px 0px 0px 0px;
        text-align:center;
        cursor:default;
	-webkit-touch-callout:none;
        -webkit-user-select:none;
        -khtml-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
}
#parent {
        display:flex;
        width:100%;
        height:100%;
        margin:0px 0px 0px 0px;
	-webkit-transform:rotate(-1deg);
        -moz-transform:rotate(-1deg);
        -khtml-transform:rotate(-1deg);
        -ms-transform:rotate(-1deg);
        transform:rotate(-1deg);
	animation:wiggle 110s infinite;
}
#child {
        margin:auto;
        background-color:rgba(0,0,0,0.85);
        border:2px solid #e0c0ff;
        border-radius:50px;
        padding:0px 0px 0px 0px;
        box-shadow:0px 0px 50px blueviolet;
/*	-webkit-transform:rotate(359deg);
	-moz-transform:rotate(359deg);
	-khtml-transform:rotate(359deg);
	-ms-transform:rotate(359deg);
	transform:rotate(359deg);*/
	animation:outershine 12s infinite;
}
#content {
	max-width:1200px;
        margin:0px 0px 0px 0px;
        font-size:2em;
        background:transparent;
        border:none;
        border-radius:48px;
        padding:40px 40px 40px 40px;
        box-shadow:0px 0px 20px blueviolet inset;
        cursor:default;
	animation:innershine 12s infinite;
}
#page {
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
	overflow:hidden;
}
#scroll {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:transparent;
	border:none;
	cursor:default;
	overflow-x:hidden;
	overflow-y:auto;
	max-height:360px;
	scrollbar-width:thin;
	scrollbar-color:#e0c0ff #8060b0;
}
#scroll::-webkit-scrollbar {
	width:12px;
	box-shadow:0px 0px 5px blueviolet;
}
#scroll::-webkit-scrollbar-track {
	background:rgba(128,96,176,0.5);
}

#scroll::-webkit-scrollbar-thumb {
	background-color:#e0c0ff;
	border-radius:5px;
	border:1px solid #8060b0;
	box-shadow:0px 0px 5px blueviolet;
}
#current {
	text-transform:capitalize;
}
#radioctl {
	text-align:left;
	font-size:16px;
	margin:-24px 0px 0px 0px;
}
#controller {
	font-size:24px;
}
#loading {
	margin:auto;
	width:200px;
	height:200px;
	padding:0px 0px 0px 0px;
	font-size:4em;
	text-shadow:0px 0px 15px blueviolet;
	animation:rotate 1s infinite;
	color:rgba(192,152,152,0.0);
}
#tzinfo {
/*	display:contents;*/
	font-size:16px;
	padding:-1em 0px 0px 0px;
/*	background:none;
	margin:25% 0px 0px -90%;
	padding:0px 0px 0px 0px;
	transform:rotate(270deg);
        -webkit-transform:rotate(270deg);
        -moz-transform:rotate(270deg);
        -khtml-transform:rotate(270deg);
        -ms-transform:rotate(270deg);*/
}
h1{
        color:#e0c0ff;
        text-decoration:none;
        font-family:BAT_MEN_G,SalmaAlfaSansLight;
        font-size:4em;
        text-shadow:0px 0px 30px blueviolet;
        cursor:default;
	margin:0px 0px -0.15em 0px;
}
h2 {
        color:#e0c0ff;
        font-size:2em;
	text-decoration:none;
	font-weight:normal;
	text-shadow:0px 0px 10px blueviolet;
	margin:0px 0px 0px 0px;
}
a, a:link, a:visited {
        text-decoration:none;
        color:#8060b0;
        cursor:default;
}
a:hover {
        text-decoration:none;
        color:#e0c0ff;
        text-shadow:0px 0px 10px blueviolet;
        cursor:default;
	animation:link 2s;
}
img {
        border:1px solid #e0c0ff;
	border-radius:10px;
        cursor:default;
	box-shadow:0px 0px 8px blueviolet;
	margin:4px 4px 4px 4px;
}
table {
	border-collapse:collapse;
	border:none;
	background:none;
}
/*table.tilt {
	margin:0px 0px 0px -170px;
}
td.tilt {
	text-align:center;
	font-size:16px;
	-webkit-transform:rotate(-90deg);
        -moz-transform:rotate(-90deg);
        -khtml-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
	transform-origin:60% 35%;
	-ms-transform-origin:60% 35%;
	-khtml-transform-origin:60% 35%;
	-moz-transform-origin:60% 35%;
	-webkit-transform-origin:60% 35%;
}*/
td.date {
	vertical-align:top;
	text-align:right;
	border-right:1px solid #c098e8;
	padding:10px 10px 4px 0px;
	width:160px;
}
td.date div {
	display:inline-block;
	vertical-align:top;
	background:none;
	border:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:0.75em;
	text-shadow:0px 0px 8px blueviolet;
	text-align:right;
}
td.name{
	text-align:left;
	padding:10px 0px 2px 10px;
	text-shadow:0px 0px 16px blueviolet;
	font-size:1em;
}
td.desc {
	text-align:left;
	padding:2px 0px 10px 10px;
	font-size:0.5em;
}
div.staff {
	display:inline-block;
	margin:4px 4px 4px 4px;
	padding:0px 0px 0px 0px;
	border:1px solid #e0c0ff;
	border-radius:10px;
	background-color:rgba(160,64,204,0.15);
	background-repeat:no-repeat;
	background-size:150px 150px;
	width:150px;
	height:150px;
	box-shadow:0px 0px 8px blueviolet;
	vertical-align:middle;
	text-align:center;
}
div.staff div {
	margin:20px 6px 10px 6px;
	padding:4px 4px 4px 4px;
	background-color:rgba(0,0,0,0.8);
	border-radius:8px;
	text-align:center;
	font-size:0.6em;
	vertical-align:middle;
}
div.staff span {
	font-size:12px;
}
div.smaller {
	font-size:0.75em;
}
div.thinner {
	max-width:860px;
}
input[type=range] {
	height:16px;
	-webkit-appearance:none;
	margin:0px 0px 0px 0px;
	width:50px;
	background:rgba(0,0,0,1.0);
}
input[type=range]:focus {
	outline:none;
}
input[type=range]::-webkit-slider-runnable-track {
	width:100%;
	height:8px;
	cursor:default;
	animate:0.2s;
	box-shadow:0px 0px 5px blueviolet;
	background:rgba(128,96,176,0.5);
	border-radius:4px;
	border:1px solid #e0c0ff;
}
input[type=range]::-webkit-slider-thumb {
	box-shadow:0px 0px 10px blueviolet;
	border:1px solid #8060b0;
	height:16px;
	width:16px;
	border-radius:4px;
	background:#e0c0ff;
	cursor:default;
	-webkit-appearance:none;
	margin-top:-5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
	background:#8060b0;
}
input[type=range]::-moz-range-track {
	width:100%;
	height:8px;
	cursor:default;
	animate:0.2s;
	box-shadow:0px 0px 5px blueviolet;
	background:rgba(128,96,176,0.5);
	border-radius:4px;
	border:1px solid #e0c0ff;
}
input[type=range]::-moz-range-thumb {
	box-shadow:0px 0px 10px blueviolet;
	border:1px solid #8060b0;
	height:16px;
	width:16px;
	border-radius:4px;
	background:#e0c0ff;
	cursor:default;
	-webkit-appearance:none;
	margin-top:-5px;
}
input[type=range]::-ms-track {
	width:100%;
	height:8px;
	cursor:default;
	animate:0.2s;
	background:rgba(128,96,176,0.5);
	border-radius:4px;
	border:1px solid #e0c0ff;
}
input[type=range]::-ms-fill-lower {
	background:rgba(128,96,176,0.5);
	border:1px solid rgba(224,192,255,0.5);
	border-radius:4px;
	box-shadow:0px 0px 5px blueviolet;
}
input[type=range]::-ms-fill-upper {
        background:#e0c0ff;
        border:1px solid #8060b0;
        border-radius:4px;
        box-shadow:0px 0px 5px blueviolet;
}
input[type=range]::-ms-thumb {
	margin-top:-5px;
	box-shadow:0px 0px 10px blueviolet;
	border:1px solid #8060b0;
	height:16px;
	width:16px;
	border-radius:4px;
	background:#e0c0ff;
	cursor:default;
	-webkit-appearance:none;
}
input[type=range]:focus::-ms-fill-lower {
	background:#e0c0ff;
	border-color:#8060b0
}
input[type=range]:focus::-ms-fill-upper {
	background:#8060b0;
	border-color:#e0c0ff;
}