html{
overflow-x:hidden;
overflow-y:scroll;
}

body{
//background-color:#000000;
background:linear-gradient(270deg, rgba(0,0,127,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,127,1) 100%);
font-family:tahoma,verdana,arial;
}
	
#back{
margin:auto;
position:relative;
}

#grd{
background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 77%, rgba(0,0,66,0.9) 100%);
width:200%;	
height:333px;
top:0px;
left:-66px;
position:fixed;
z-index:8888;
pointer-events: none;
}

#titglo{
background-image:url(titglo.png);
background-size:330px 210px;
width:340px;
height:220px;
margin-top:-216px;
margin-left:-11px;
position:relatve;
background-repeat: no-repeat;
z-index:99999999;
  background-position: right;
  animation: movey1 3.7s infinite;
  animation-timing-function: linear;
}

@keyframes movey1 {
0% {background-position: 0px 1px;}
25% {background-position: 4px; 0px;}
50% {background-position: 0px -4px;}
75% {background-position: -7px; 0px;}
100% {background-position: 0px 1px;}
}

#titglo2{
background-image:url(titglo.png);
background-size:350px 230px;
width:360px;
height:240px;
margin-top:-240px;
margin-left:-22px;
position:relatve;
background-repeat: no-repeat;
z-index:99999999;
  background-position: right;
  animation: movey2 6.6s infinite;
  animation-timing-function: linear;
}

@keyframes movey2 {
0% {background-position: 0px 2px;}
25% {background-position: -5px; 0px;}
50% {background-position: 0px -3px;}
75% {background-position: 7px; 0px;}
100% {background-position: 0px 1px;}
}

#cont{
top:-180px;
width:1200px;
margin:auto;
align:center;
align:top;
//left:3%;
  display: block;
  margin-left: auto;
  margin-right: auto;
position:relative;
}

#page{
pointer-events: auto;
background-image:url(_bg.jpg);
background-size: 1280px 2048px;
padding-top:420px;
width:1200px;
align:top;
float:center;
  display: block;
  margin-left: auto;
  margin-right: auto;
z-index:999;
  background-position: right;
  animation: movey3 66s infinite;
  animation-timing-function: linear;
}

@keyframes movey3 {
100% {background-position: 0px 0px;}
50% {background-position: 0px 1024px;}
0% {background-position: 0px 2048px;}
}

#subpage{
//background-color:#001166;
//background-color:rgba(0,1,166,0.5);
background:rgb(2,0,36);
background:linear-gradient(0deg, rgba(0,0,33,0.6) 0%, rgba(0,0,127,1) 44%, rgba(99,240,255,0.1) 100%);
padding-right:0px;
//right:2px;
margin-top:-280px;
height:280px;
width:666px;
text-align:center;
float:right;
display:block;
position:relative;
}

#part{
background-color:rgba(17,11,7,0.3);
padding-top:17px;
left:-380px;
width:100%;
}

#hud{
top:-204px;
//left:200px;
display:block;
position:relative;
}

#subpart{
padding-left:12%;
margin-top:-40px;
}

#dec1{
background:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(22,66,99,0.7) 77%, rgba(0,0,0,0) 100%);
width:16%;	
height:9999px;
top:-666px;
left:-1px;
float:left;
display:block;
position:fixed;
z-index:9999;
}

#dec2{
background:linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(22,66,99,0.7) 77%, rgba(0,0,0,0) 100%);
width:16%;	
height:9999px;
top:-666px;
right:-1px;
float:right;
display:block;
position:fixed;
z-index:9999;
}

#tit{
left:155px;
position:absolute;
}

#col1{
padding-left:100px;
}

#col2{
padding-left:320px;
margin-top:-20px;
}

#col3{
padding-left:520px;
margin-top:-20px;
}

#col4{
padding-left:720px;
margin-top:-20px;
}

h1{
text-align:center;
color:#BBFFFF;
//color:#003399;
font:bolder 60px Bruno Ace SC;
font-family: 'Bruno Ace SC', cursive;
//font-family:segoe ui semibold,tahoma,verdana,arial;
font-size:60x;
font-style:bolder;
font-weight:800;
top:-23px;
left:-33px;
letter-spacing:7px;
line-height:88%;
text-decoration: none;
//overflow:hidden;
position: relative;
z-index:99999;
}

h1 a {
text-align:center;
text-decoration: none;
color: #003344;
position: absolute;
-webkit-mask-image:-webkit-gradient(linear, left top, left bottom,
from(rgba(0,33,99,1)), 
color-stop(50%, rgba(0,0,0,.01)), 
to(rgba(0,0,11,1)));
text-shadow: 2px -2px 0 #33BBFF, 0px 8px 4px #000033, -8px 4px 4px #000033, 18px 6px 11px #000000, -18px 6px 11px #000000, 28px 8px 17px #000000, -28px 8px 17px #000000;;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
z-index:999999;
}

h1:after {
content: '-`ViolaE`-';
text-align:left;
color: #66FFFF;
//color: rgba(11,177,222,0.9);
left:-0px;
text-shadow: 0px 0px 7px #11BBFF;
text-decoration: none;
//letter-spacing:6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  position: relative;
z-index:9;
}

.h2{
text-align:center;
color:#AAFFCC;
font:bolder 26px Dhurjati;
font-family: 'Dhurjati', sans-serif;
font-size:26px;
font-style:bolder;
font-weight:700;
text-shadow: -3px 4px 4px #111111;
left:210px;
letter-spacing:3px;
line-height:6px;
//overflow:hidden;
//margin-right:80px;
}

.h3{
text-align:center;
color:#4455BB;
text-shadow: 0px 2px 2px #3366FF, 0px -2px 2px #66FFFF, -3px 3px 3px #000000, -3px 3px 6px #000000;
font:bolder 33px Sarpanch;
font-family: 'Sarpanch', sans-serif;
font-size:33px;
font-style:bolder;
font-weight:700;
margin-top:-17px;
left:210px;
letter-spacing:11px;
line-height:88%;
//overflow:hidden;
}

.h4{
width:82%;
color:#6699FF;
text-shadow: -3px 4px 4px #111111, 1px -1px 1px #99FFFF;
font:lighter 22px Doppio One;
font-family: 'Doppio One', sans-serif;
font-size:22px;
font-style:lighter;
font-weight:1;
letter-spacing:-1px;
line-height:33px;
overflow:hidden;
text-align:left;
z-index:9999;
}

.p1{
width:82%;
color:#AACCFF;
text-shadow: -2px 2px 3px #111111;
font:lighter 22px Doppio One;
font-family: 'Doppio One', sans-serif;
font-size:22px;
font-style:lighter;
font-weight:1;
letter-spacing:-1px;
line-height:111%;
overflow:hidden;
text-align:left;
z-index:9999;
}

.p2{
width:82%;
color:#AAFFCC;
text-shadow: -3px 4px 3px #111111;
font:normal 19px Doppio One;
font-family: 'Doppio One', sans-serif;
font-size:19px;
font-style:normal;
font-weight:100;
letter-spacing:1px;
line-height:108%;
overflow:hidden;
text-align:left;
}

.p3{
color:#001133;
text-shadow: 6px 0px 3px #0033DD, -6px 0px 3px #0033DD, 0px 0px 2px #0033DD;
font:normal 33px arial;
font-family:arial,tahoma,verdana;
font-size:33px;
font-style:bold;
font-weight:100;
letter-spacing:-7px;
line-height:66%;
overflow:hidden;
text-align:left;
}

.p4{
color:#000033;
text-shadow: -333px 0px 0px #000033, 333px 0px 0px #000033, -666px 0px 0px #000033, 666px 0px 0px #000033, -999px 0px 0px #000033, 999px 0px 0px #000033;
font:normal 33px arial;
font-family:arial,tahoma,verdana;
font-size:33px;
font-style:bold;
font-weight:100;
letter-spacing:-3px;
line-height:66%;
overflow:hidden;
text-align:left;
}

.p5{
width:82%;
color:#BBBBEE;
text-shadow: -2px 2px 3px #111111;
font:lighter 22px Doppio One;
font-family: 'Doppio One', sans-serif;
font-size:22px;
font-style:lighter;
font-weight:1;
letter-spacing:-1px;
line-height:111%;
overflow:hidden;
text-align:left;
z-index:9999;
}

.p7{
width:82%;
color:#7799FF;
text-shadow: -3px 4px 3px #111111;
font:normal 20px Doppio One;
font-family: 'Doppio One', sans-serif;
font-size:20px;
font-style:normal;
font-weight:100;
letter-spacing:1px;
line-height:111%;
overflow:hidden;
text-align:left;
}

.p8{
width:82%;
color:#6677DD;
text-shadow: -3px 4px 3px #111111;
font:normal 19px Doppio One;
font-family: 'Doppio One', sans-serif;
font-size:19px;
font-style:normal;
font-weight:100;
letter-spacing:2px;
line-height:111%;
overflow:hidden;
text-align:left;
}

.p9{
width:82%;
color:#88DDFF;
text-shadow: -3px 4px 3px #111111;
font:bold 19px Doppio One;
font-family: 'Doppio One', sans-serif;
font-size:19px;
font-style:bold;
font-weight:100;
letter-spacing:2px;
line-height:20px;
overflow:hidden;
text-align:left;
}

.subsb{
position:absolute;
top:33px;
margin-left:-320px;
}

::-webkit-scrollbar {
width: 17px;
}
::-webkit-scrollbar-track {
box-shadow: inset 3px 3px 3px 3px rgba(0, 0, 0, 0.3);
background: #060922;
}
::-webkit-scrollbar-thumb {
border-radius: 0px;
box-shadow:0px 0px 3px 2px rgba(0, 0, 0, 0.5) inset;
background: #005588;
border:3px;
}
::-webkit-scrollbar-thumb:hover {
background: #1199FF;
}
::-webkit-scrollbar-button {
box-shadow:0px 0px 3px 2px rgba(0, 0, 0, 1) inset;
background-color: #002288;
border-radius: 3px;
}
::-webkit-scrollbar-button:hover {
background: #118899;
}