html, body {
height: 100%;
}
body{
width:100%;
height:100%;
overflow:hidden;
background:hsla(23, 9%, 15%, 1);
background-repeat: no-repeat;
background-attachment: fixed;
background-image: radial-gradient(top, circle cover,hsla(255, 85%, 25%, .7) 50%,hsla(100, 75%, 30%, .6)
100%);
background-image:-moz-radial-gradient(top, circle cover,hsla(255, 85%, 25%, .7) 50%,hsla(100, 75%, 30%, .6)
100%);
}

.svg{
width:100%;
height:100%;
position:absolute;
z-index:100;
}

svg{
width:100%;
webkit-filter:blur(100px);
display:block;
position:absolute;
left:-1%;
top:0%;
z-index:1;
}

.c{
display:block;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:1;
opacity:0;
animation: appear 60s ease-in-out  infinite;
}

#paper {
position:absolute;
z-index:100;
display:block;
height:200%;
width:200%; 
top:50%;
left:50%;
transform:translate(-50%,-50%);
margin: 0;
animation: appear 30s ease-in-out  infinite;
}



@keyframes appear {
0%   {opacity:0;}
20%  {opacity:1;}
60%  {opacity:0;}
80%  {opacity:1;}
100% {opacity:0;}
}