body{
margin:0px;
padding:0px;
background-color: rgb(0, 0, 0);
overflow: hidden;
/*background: linear-gradient(270deg, #00a3ff, #b700fb);
background-size: 400% 400%;
-webkit-animation: scrollanim 30s ease-in-out infinite;
-moz-animation: scrollanim 30s ease-in-out infinite;
animation: scrollanim 30s ease-in-out infinite;*/
cursor:crosshair
}
@-webkit-keyframes scrollanim {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes scrollanim {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes scrollanim {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
#bg_container{ height:1000px; overflow:hidden; }
#bg{ width:100%; height:900px; }
#content{ position:relative; top:0px; padding:30px; color:#FFF; text-shadow:#000; }
.container {
position: relative;
}
h1,h3,h4,h5,h6 {
font-size: 156px;
font-family: 'Roboto-Thin', sans-serif;
}
h2 {
font-size: 56px;
font-family: 'Roboto-Thin', sans-serif;
text-align: center;
margin: 0;
padding: 0;
}
h1 {
text-align: center;
margin: 0;
padding: 0;
}
hr {
border: 0;
height: 1px;
width: 500px;
background-color: rgba(255, 255, 255, 1);
vertical-align: middle;
margin-top: 1%;
}
.center {
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 18px;
}
.center1 {
left: 50%;
top: 50%;
width: 100%;
text-align: center;
font-size: 18px;
}
.animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 2s;
animation-name: animatebottom;
animation-duration: 2s
}
.animate-bottom-2 {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 3s;
animation-name: animatebottom;
animation-duration: 3s
}
.animate-bottom-3 {
position: relative;
-webkit-animation-name: fade;
-webkit-animation-duration: 6s;
animation-name: fade;
animation-duration: 6s
}
.animate-bottom-4 {
position: relative;
-webkit-animation-name: fade;
-webkit-animation-duration: 3s;
animation-name: fade;
animation-duration: 3s
}
.animate-top {
position: relative;
-webkit-animation-name: animatetop;
-webkit-animation-duration: 3s;
animation-name: animatetop;
animation-duration: 3s
}
.song {
text-decoration: none !important;
position: absolute;
right: 0;
left: -30;
top: 0;
padding: 1rem;
text-align: center;
font-size: 66px;
font-family: 'Roboto-Thin', sans-serif;
}
::-webkit-scrollbar {
display: none;
}
@-webkit-keyframes animatebottom {
from { bottom:-100px; opacity:0 }
to { bottom:0px; opacity:1 }
}
@keyframes animatebottom {
from{ bottom:-100px; opacity:0 }
to{ bottom:0; opacity:1 }
}
@-webkit-keyframes animatetop {
from { top:-50px; opacity:0 }
to { top:0px; opacity:1 }
}
@keyframes animatetop {
from{ top:-50px; opacity:0 }
to{ top:0; opacity:1 }
}
@-webkit-keyframes fade {
from { opacity:0 }
to { opacity:1 }
}
@keyframes fade {
from{ opacity:0 }
to{ opacity:1 }
}
video#videa {
display: block;
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
::selection {
background: rgba(255,255,255,0.2);
}
::-moz-selection {
background: rgba(255,255,255,0.2);
}
a {
text-decoration: none ;
color: #fff
}
a:hover
{
color:white;
text-decoration:none;
cursor:pointer;
}
.footer {
position: absolute;
right: 0;
left: -25;
top: 0;
padding: 1rem;
background-color: rgba(255, 0, 0, 0);
text-align: center;
font-size: 56px;
font-family: 'Roboto-Thin', sans-serif;
}