html { font: 1em "Helvetica Neue", Helvetica, Arial, sans-serif; width: 100%; height: 100%;
background-image: -ms-linear-gradient(top, #3D709D 0%, #82B5C8 50%, #8494CF 75%, #2F53AD 100%);
background-image: -moz-linear-gradient(top, #3D709D 0%, #82B5C8 50%, #8494CF 75%, #2F53AD 100%);
background-image: -o-linear-gradient(top, #3D709D 0%, #82B5C8 50%, #8494CF 75%, #2F53AD 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3D709D), color-stop(0.5, #82B5C8), color-stop(0.75, #8494CF), color-stop(1, #2F53AD));
background-image: -webkit-linear-gradient(top, #3D709D 0%, #82B5C8 50%, #8494CF 75%, #2F53AD 100%);
background-image: linear-gradient(to bottom, #3D709D 0%, #82B5C8 50%, #8494CF 75%, #2F53AD 100%);
background-attachment:fixed;	
}
/*structure span*/
.default { display: block; position: absolute;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.dim_one { width: 30px; height: 30px; }
.dim_two { width: 50px; height: 50px; }
.dim_three { width: 70px; height: 70px; }
.dim_four { width: 90px; height: 90px; }
.dim_five { width: 110px; height: 110px; }
.dim_six { width: 130px; height: 130px; }
.dim_seven { width: 150px; height: 150px; }
/*color transparency*/
.white { background: #fff; }
.azure { background: #3D709D; }
.ciano { background: #9DD7EC; }
.purple { background: #8494CF; }
.blue { background: #2F53AD; }
/*blur*/
.blur_one {
-webkit-filter: blur(1px); 
-moz-filter: blur(1px);
-o-filter: blur(1px);
-ms-filter: blur(1px);
filter: blur(1px);
}
.blur_two {
-webkit-filter: blur(2px); 
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
}
.blur_three { 
-webkit-filter: blur(3px); 
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);
}
.blur_four {
-webkit-filter: blur(4px); 
-moz-filter: blur(4px);
-o-filter: blur(4px);
-ms-filter: blur(4px);
filter: blur(4px);
}
.blur_five {
-webkit-filter: blur(5px); 
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
/*opacity*/
.op_one { opacity: 0.1; }
.op_two { opacity: 0.2; }
.op_three { opacity: 0.3; }
.op_four { opacity: 0.4; }
.op_five { opacity: 0.5; }
.op_six { opacity: 0.6; }
.op_seven { opacity: 0.7; }

/*Fork in GitHub*/
body {  }

.anim_one {
animation: anim_one 40s linear 0 infinite alternate;
-webkit-animation: anim_one 40s linear 0 infinite alternate;
}

/*animations*/
@-webkit-keyframes anim_one { 
0% { -webkit-transform: translate(0px,0px); }
100% { -webkit-transform: translate(20px,300px); }
}
@-moz-keyframes anim_one {
0% { -moz-transform: translate(0px,0px); }
100% { -moz-transform: translate(20px,300px); }
}
@-o-keyframes anim_one { 
0% { -o-transform: translate(0px,0px); }
100% { -o-transform: translate(20px,300px); }
}
@keyframes anim_one { 
0% { transform: translate(0px,0px); }
100% { transform: translate(20px,300px); }
}

.anim_two {
animation: anim_two 60s linear 5s infinite alternate;
-webkit-animation: anim_two 60s linear 5s infinite alternate;
}

/*animations*/
@-webkit-keyframes anim_two { 
0% { -webkit-transform: translate(0px,0px); }
100% { -webkit-transform: translate(10px,200px); }
}
@-moz-keyframes anim_two {
0% { -moz-transform: translate(0px,0px); }
100% { -moz-transform: translate(10px,200px); }
}
@-o-keyframes anim_two { 
0% { -o-transform: translate(0px,0px); }
100% { -o-transform: translate(10px,200px); }
}
@keyframes anim_two { 
0% { transform: translate(0px,0px); }
100% { transform: translate(10px,200px); }
}