.body-page{width:100%;height:100%;font-weight:300;margin:0;padding:0}.circles:after{content:"";display:inline-block;width:100%;height:100px;background:#0085ca;position:absolute;top:-50px;left:0;transform:skewY(-4deg);-webkit-transform:skewY(-4deg)}.circles{background:#fff;text-align:center;position:relative;margin-top:-60px;-webkit-box-shadow:inset -1px -4px 4px rgba(0,0,0,.2);box-shadow:inset -1px -4px 4px rgba(0,0,0,.2)}.circles p{font-size:240px;color:#fff;padding-top:60px;position:relative;z-index:9;line-height:100%}.circles p small{font-size:40px;line-height:100%;vertical-align:top}.circles .circle.small{width:140px;height:140px;top:80px;left:50%;animation:smallmove 7s cubic-bezier(1,.22,.71,.98) infinite;-webkit-animation:smallmove 7s cubic-bezier(1,.22,.71,.98) infinite;animation-delay:1.2s;-webkit-animation-delay:1.2s}.circles .circle.med,.circles .circle.small{border-radius:50%;background:#48a9e6;position:absolute;z-index:1}.circles .circle.med{width:200px;height:200px;top:0;left:10%;animation:medmove 7s cubic-bezier(.32,.04,.15,.75) infinite;-webkit-animation:medmove 7s cubic-bezier(.32,.04,.15,.75) infinite;animation-delay:.4s;-webkit-animation-delay:.4s}.circles .circle.big{width:400px;height:400px;border-radius:50%;background:#48a9e6;position:absolute;z-index:1;top:200px;right:0;animation:bigmove 8s infinite;-webkit-animation:bigmove 8s infinite;animation-delay:3s;-webkit-animation-delay:1s}@-webkit-keyframes smallmove{0%{top:10px;left:45%;opacity:1}25%{top:300px;left:40%;opacity:.7}50%{top:240px;left:55%;opacity:.4}75%{top:100px;left:40%;opacity:.6}to{top:10px;left:45%;opacity:1}}@keyframes smallmove{0%{top:10px;left:45%;opacity:1}25%{top:300px;left:40%;opacity:.7}50%{top:240px;left:55%;opacity:.4}75%{top:100px;left:40%;opacity:.6}to{top:10px;left:45%;opacity:1}}@-webkit-keyframes medmove{0%{top:0;left:20%;opacity:1}25%{top:300px;left:80%;opacity:.7}50%{top:240px;left:55%;opacity:.4}75%{top:100px;left:40%;opacity:.6}to{top:0;left:20%;opacity:1}}@keyframes medmove{0%{top:0;left:20%;opacity:1}25%{top:300px;left:80%;opacity:.7}50%{top:240px;left:55%;opacity:.4}75%{top:100px;left:40%;opacity:.6}to{top:0;left:20%;opacity:1}}@-webkit-keyframes bigmove{0%{top:0;right:4%;opacity:.5}25%{top:100px;right:40%;opacity:.4}50%{top:240px;right:45%;opacity:.8}75%{top:100px;right:35%;opacity:.6}to{top:0;right:4%;opacity:.5}}@keyframes bigmove{0%{top:0;right:4%;opacity:.5}25%{top:100px;right:40%;opacity:.4}50%{top:240px;right:45%;opacity:.8}75%{top:100px;right:35%;opacity:.6}to{top:0;right:4%;opacity:.5}}