*{margin:0;padding: 0;font-family: 'Prociono', serif;}

body{background: url('/img/bg.jpg') no-repeat #000;background-attachment: fixed;background-size: cover;background-position: center;}
body#debut{background-image:url('/img/debut.jpg')}
body#moseisley{background-image:url('/img/eisley.jpg')}
body#obiwan{background-image:url('/img/obi.jpg')}
body#jedi{background-image:url('/img/saber.jpg')}
body#solo{background-image:url('/img/han.jpg')}
body#trap{background-image:url('/img/trap.jpg')}
body#reunis{background-image:url('/img/base.jpg')}
body#dagobah, body#yoda{background-image:url('/img/dagobah.jpg')}
body#droidz1, body#droidz2{background-image:url('/img/dro.jpg')}
body#jabba{background-image:url('/img/jabba1.jpg')}
body#jabba2{background-image:url('/img/jabba2.jpg')}
body#lando{background-image:url('/img/lando.jpg')}
body#endor{background-image:url('/img/endor.jpg')}

.main{width: 1000px;margin:auto;color: #fff;text-align: center;font-family:helvetica;}

.main a{color:#f60}
.main img{max-width:100%;margin: 20px 0;}
.hoth{background:#fff;height:1200px;}
.hoth h1{color:#cfcfcf}
.main .ahoth{color:#fff;position:absolute;bottom:0;}
.main a#refresh{display:block;float:right;width:80px;height:80px;font-size:0em; cursor: pointer;
}

.body{/* height:500px; */overflow:auto;border:2px solid #666;margin-top:10px;background: rgba(0,0,0,0.7);}

.hoth .body{background:#fff !important;border:none;}

.body h1{margin:20px 0; color: #4ee;}

.body p{margin:20px 0;font-size: 28px;}
.header{height:100px;padding-top:20px;border: 2px solid #1f1f1f;background: url(/img/pit1.jpg) no-repeat rgba(0,0,0,0.7);background-position: right;background-size: 75px;border-radius: 24px;}
.footer{height:100px;}

.bt{border:15px solid transparent;transition:0.3s;border-radius:4px}
.bt:hover{border:15px solid #f60}

.dark{padding:4px;color:#900;border:2px solid #900}
noscript{color:#c00;}

iframe{width: 101%;height: 680px;}
button{
    position:absolute;
    top: 50%;
    left: 50%;
    background:transparent;
    border:0;
}

p#start {
    position: relative;
    width: 16em;
    font-size: 200%;
    font-weight: 400;
    margin: 20% auto;
    color: #4ee;
    opacity: 0;
    z-index: 1;
    -webkit-animation: intro 2s ease-out;
    -moz-animation: intro 2s ease-out;
    -ms-animation: intro 2s ease-out;
    -o-animation: intro 2s ease-out;
animation: intro 2s ease-out;}

#titles
{
	position: absolute;
	width: 18em;
	height: 50em;
	bottom: 0;
	left: 50%;
	margin-left: -9em;
	font-size: 350%;
	font-weight: bold;
	text-align: justify;
	overflow: hidden;
	transform-origin: 50% 100%;
	transform: perspective(300px) rotateX(25deg);
}

q{display:block;padding:10px; color: #4ee;border:1px solid #4ee;margin:20px 0;font-size:14px;}

#titles:after
{
	position: absolute;
	content: ' ';
	left: 0;
	right: 0;
	top: 0;
	bottom: 60%;
	background-image: linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
	pointer-events: none;
}

#titlecontent
{
	position: absolute;
	top: 100%;
	animation: scroll 100s linear 4s infinite;
}

@keyframes scroll {
	0% { top: 100%; }
	100% { top: -170%; }
}

#ua, #jss,#nav{text-align:left;float:left;font-family:arial;font-size:10px;display:inline-block;/* border:1px solid #666; */width:auto;padding:5px 20px;}
#ua span, #jss span{color:#c00;font-size:12px;}

#ua{width:200px;background: url("/img/gauge44.jpg") no-repeat;height: 60px;background-size: 229px;background-position-x: 0%;padding-top: 5px;background-size: 240px 60px;}
#jss{background: url("/img/gauge3.jpg") no-repeat;line-height: 10px;background-size: 19px;background-position-y: 0px;padding-top: 5px;margin-right: -90px;width:200px;float: none;margin-top: 35px;}

#nav{
	line-height: normal;
	font-weight: bold;	
	margin-left: 20px;
	border-right:1px solid #444;
	border-left:1px solid #444;
	color:#f00;

}
#nav ul{width: 590px;height:80px;overflow:auto;color:#c6c6c6;}
#nav ul li{margin:0;padding:2px;display:inline-block;transition:0.3s}
#nav ul li:hover{color:#f00;font-size:12px;}

p.share{background:#d3d9ee;font-size:18px;line-height:40px;width:350px;margin:20px auto;color:#333}
.header iframe{margin:-31px 0 0 20px}