@charset "UTF-8";
/* CSS Document */

html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body {
	background: rgba(106,179,248,1);
	background: -moz-linear-gradient(top, rgba(106,179,248,1) 0%, rgba(106,179,248,1) 16%, rgba(106,179,248,1) 25%, rgba(187,220,252,1) 61%, rgba(187,220,252,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(106,179,248,1)), color-stop(16%, rgba(106,179,248,1)), color-stop(25%, rgba(106,179,248,1)), color-stop(61%, 
	rgba(187,220,252,1)), color-stop(100%, rgba(187,220,252,1)));
	background: -webkit-linear-gradient(top, rgba(106,179,248,1) 0%, rgba(106,179,248,1) 16%, rgba(106,179,248,1) 25%, rgba(187,220,252,1) 61%, rgba(187,220,252,1) 100%);
	background: -o-linear-gradient(top, rgba(106,179,248,1) 0%, rgba(106,179,248,1) 16%, rgba(106,179,248,1) 25%, rgba(187,220,252,1) 61%, rgba(187,220,252,1) 100%);
	background: -ms-linear-gradient(top, rgba(106,179,248,1) 0%, rgba(106,179,248,1) 16%, rgba(106,179,248,1) 25%, rgba(187,220,252,1) 61%, rgba(187,220,252,1) 100%);
	background: linear-gradient(to bottom, rgba(106,179,248,1) 0%, rgba(106,179,248,1) 16%, rgba(106,179,248,1) 25%, rgba(187,220,252,1) 61%, rgba(187,220,252,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ab3f8', endColorstr='#bbdcfc', GradientType=0 );
}
:root {
	--cloud-position-x: -320px; 
	--cloud-position-y: -320px; 
}

@keyframes example-1 {
	0%   {left:-320px}
	100% {left:320px;}
}
@keyframes example-2 {
	0%   {left:0}
	100% {left:800px;}
}
@keyframes example-3 {
	0%   {left:320px}
	100% {left:1500px;}
}
#cloud-circle-1 {
	width: 500px;
	height: 275px;
	border-radius: 50%;
	filter: url(#filter-1);
	box-shadow: 400px 400px 60px 0px #fff;
	position: absolute;
    top: -320px;
	left: -320px;
	animation-name: example-1;
  	animation-duration: 20s;
}
#cloud-circle-2 {
    width: 600px;
    height: 275px;
    border-radius: 50%;
    filter: url(#filter-2);
    box-shadow: 500px 5s00px 60px 0px #fff;
    position: absolute;
    top: 0;
	left: 0;
	animation-name: example-2;
  	animation-duration: 40s;
}
#cloud-circle-3 {
    width: 300px;
    height: 275px;
    border-radius: 50%;
    filter: url(#filter-3);
    box-shadow: 200px 200px 60px 0px #fff;
    position: absolute;
    top: 320px;
	left: 320px;
	animation-name: example-3;
  	animation-duration: 30s;
}



body {
	font: 1em/1.25 Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:44px; letter-spacing:-2px;font-family:Helvetica;font-weight:100;
}


.absolute-center {
  margin: auto;
  position: absolute;
  top: -25px; left: 0; bottom: 0; right: 0;
}

.title {
	/*position: absolute;
   	top: 47%;*/
	width: 510px;
	height: 100px;
	text-align: center;
}

#social-networks {margin-right:20px; float: right; color: #bcbcc2;}
#social-networks a {margin-left: 5px;}
#social-networks a {color: #a39b9b; text-decoration: none;}
#social-networks a:hover {color: #FFFFFF;}

.icon-stack .icon-stack-base {
	font-size: 1.1em;
}

#social-networks icon-envelope {font-zize: .65em;}
/*
#social-networks a {float:left;display:block;margin:0 8px 0 0;text-indent:-9999px;overflow:hidden;background:url('sprite-social-icons.png') no-repeat;width:29px;height:28px;}
#social-networks .twitter {background-position:0 0px;}
#social-networks .twitter:hover {background-position:0 -28px;}
#social-networks .twitter:active {background-position:0 -56px;}
#social-networks .facebook {background-position:-37px 0;}
#social-networks .facebook:hover {background-position:-37px -28px;}
#social-networks .facebook:active {background-position:-37px -56px;}
#social-networks .linkedin {background-position:-74px 0;}
#social-networks .linkedin:hover {background-position:-74px -28px;}
#social-networks .linkedin:active {background-position:-74px -56px;}
#social-networks .google {background-position:-111px 0;}
#social-networks .google:hover {background-position:-111px -28px;}
#social-networks .google:active {background-position:-111px -56px;}
#social-networks .flickr {background-position:-148px 0;}
#social-networks .flickr:hover {background-position:-148px -28px;}
#social-networks .flickr:active {background-position:-148px -56px;}
#social-networks .github {background-position:-187px 0;}
#social-networks .github:hover {background-position:-187px -28px;}
#social-networks .github:active {background-position:-187px -56px;}
*/