html, body {height: 101%;}
body {
perspective: 600px;
perspective: 600px;
overflow:hidden;
padding: 0px;
margin: 0px;
}
.gradient-background {
position:fixed;
top:0px;
left:0px;
min-height: 100%;
min-width: 100%;
opacity: 1;
}
.gradient {
/*min-height: 100%;
min-width: 100%;*/
opacity: 1;
}
.slide { /* rounded div corners */
-moz-border-radius:300px 0px 0px 300px;
-webkit-border-radius:0px 0px 300px 300px;
border-radius:300px 0px 0px 300px;
/*box-shadow: 0 -40px 80px rgba(50,255,21,.02);*/
box-shadow: inset 0px 0px 70px 40px #DBA632;
animation: opacitychange 10s infinite;
-webkit-animation: opacitychange 10s infinite;
}
@keyframes opacitychange
{
0% {opacity:100%;}
50% {opacity:0%;}
100% {opacity:100%;}
}
@-webkit-keyframes opacitychange /* Safari and Chrome - necessary duplicate */
{
0% {opacity:100%;}
50% {opacity:0%;}
100% {opacity:100%;}
}