@keyframes tweenAngle1 { 
    from { transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(50deg) scaleX(1) scaleY(1) }
    to { transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(100deg) scaleX(1) scaleY(1) }
}
@-moz-keyframes tweenAngle1 { 
    from { -moz-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(50deg) scaleX(1) scaleY(1) }
    to { -moz-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(100deg) scaleX(1) scaleY(1) }
}
@-ms-keyframes tweenAngle1 { 
    from { -ms-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(50deg) scaleX(1) scaleY(1) }
    to { -ms-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(100deg) scaleX(1) scaleY(1) }
}
@-o-keyframes tweenAngle1 { 
    from { -o-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(50deg) scaleX(1) scaleY(1) }
    to { -o-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(100deg) scaleX(1) scaleY(1) }
}
@-webkit-keyframes tweenAngle1 { 
    from { -webkit-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(50deg) scaleX(1) scaleY(1) }
    to { -webkit-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(100deg) scaleX(1) scaleY(1) }
}
@keyframes tweenAngle2 { 
    from { transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(140deg) scaleX(1) scaleY(1) }
    to { transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(190deg) scaleX(1) scaleY(1) }
}
@-moz-keyframes tweenAngle2 { 
    from { -moz-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(140deg) scaleX(1) scaleY(1) }
    to { -moz-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(190deg) scaleX(1) scaleY(1) }
}
@-ms-keyframes tweenAngle2 { 
    from { -ms-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(140deg) scaleX(1) scaleY(1) }
    to { -ms-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(190deg) scaleX(1) scaleY(1) }
}
@-o-keyframes tweenAngle2 { 
    from { -o-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(140deg) scaleX(1) scaleY(1) }
    to { -o-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(190deg) scaleX(1) scaleY(1) }
}
@-webkit-keyframes tweenAngle2 { 
    from { -webkit-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(140deg) scaleX(1) scaleY(1) }
    to { -webkit-transform: translateX(400px) translateY(425px) translateZ(0px) rotateZ(0deg) rotateY(190deg) scaleX(1) scaleY(1) }
}
@keyframes tweenAngle3 { 
    from { transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(90deg) scaleX(1) scaleY(1) }
    to { transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(140deg) scaleX(1) scaleY(1) }
}
@-moz-keyframes tweenAngle3 { 
    from { -moz-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(90deg) scaleX(1) scaleY(1) }
    to { -moz-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(140deg) scaleX(1) scaleY(1) }
}
@-ms-keyframes tweenAngle3 { 
    from { -ms-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(90deg) scaleX(1) scaleY(1) }
    to { -ms-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(140deg) scaleX(1) scaleY(1) }
}
@-o-keyframes tweenAngle3 { 
    from { -o-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(90deg) scaleX(1) scaleY(1) }
    to { -o-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(140deg) scaleX(1) scaleY(1) }
}
@-webkit-keyframes tweenAngle3 { 
    from { -webkit-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(90deg) scaleX(1) scaleY(1) }
    to { -webkit-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(140deg) scaleX(1) scaleY(1) }
}
@keyframes tweenAngle4 { 
    from { transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(0deg) scaleX(1) scaleY(1) }
    to { transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(30deg) scaleX(1) scaleY(1) }
}
@-moz-keyframes tweenAngle4 { 
    from { -moz-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(0deg) scaleX(1) scaleY(1) }
    to { -moz-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(30deg) scaleX(1) scaleY(1) }
}
@-ms-keyframes tweenAngle4 { 
    from { -ms-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(0deg) scaleX(1) scaleY(1) }
    to { -ms-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(30deg) scaleX(1) scaleY(1) }
}
@-o-keyframes tweenAngle4 { 
    from { -o-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(0deg) scaleX(1) scaleY(1) }
    to { -o-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(30deg) scaleX(1) scaleY(1) }
}
@-webkit-keyframes tweenAngle4 { 
    from { -webkit-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(0deg) scaleX(1) scaleY(1) }
    to { -webkit-transform: translateX(400px) translateY(403px) translateZ(0px) rotateZ(63deg) rotateY(30deg) scaleX(1) scaleY(1) }
}
@keyframes tweenAngle5 { 
    from { transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(40deg) scaleX(1) scaleY(1) }
    to { transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(90deg) scaleX(1) scaleY(1) }
}
@-moz-keyframes tweenAngle5 { 
    from { -moz-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(40deg) scaleX(1) scaleY(1) }
    to { -moz-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(90deg) scaleX(1) scaleY(1) }
}
@-ms-keyframes tweenAngle5 { 
    from { -ms-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(40deg) scaleX(1) scaleY(1) }
    to { -ms-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(90deg) scaleX(1) scaleY(1) }
}
@-o-keyframes tweenAngle5 { 
    from { -o-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(40deg) scaleX(1) scaleY(1) }
    to { -o-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(90deg) scaleX(1) scaleY(1) }
}
@-webkit-keyframes tweenAngle5 { 
    from { -webkit-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(40deg) scaleX(1) scaleY(1) }
    to { -webkit-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(90deg) scaleX(1) scaleY(1) }
}
@keyframes tweenAngle6 { 
    from { transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(130deg) scaleX(1) scaleY(1) }
    to { transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(180deg) scaleX(1) scaleY(1) }
}
@-moz-keyframes tweenAngle6 { 
    from { -moz-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(130deg) scaleX(1) scaleY(1) }
    to { -moz-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(180deg) scaleX(1) scaleY(1) }
}
@-ms-keyframes tweenAngle6 { 
    from { -ms-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(130deg) scaleX(1) scaleY(1) }
    to { -ms-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(180deg) scaleX(1) scaleY(1) }
}
@-o-keyframes tweenAngle6 { 
    from { -o-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(130deg) scaleX(1) scaleY(1) }
    to { -o-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(180deg) scaleX(1) scaleY(1) }
}
@-webkit-keyframes tweenAngle6 { 
    from { -webkit-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(130deg) scaleX(1) scaleY(1) }
    to { -webkit-transform: translateX(427px) translateY(410px) translateZ(0px) rotateZ(120deg) rotateY(180deg) scaleX(1) scaleY(1) }
}
@keyframes tweenAngle7 { 
    from { transform: translateX(500px) translateY(400px) translateZ(-50px) rotateZ(-50deg) rotateY(-20deg) scaleX(1) scaleY(1) }
    to { transform: translateX(500px) translateY(400px) translateZ(-50px) rotateZ(30deg) rotateY(-20deg) scaleX(1) scaleY(1) }
}
@-moz-keyframes tweenAngle7 { 
    from { -moz-transform: translateX(500px) translateY(400px) translateZ(-50px) rotateZ(-50deg) rotateY(-20deg) scaleX(1) scaleY(1) }
    to { -moz-transform: translateX(500px) translateY(400px) translateZ(-50px) rotateZ(30deg) rotateY(-20deg) scaleX(1) scaleY(1) }
}
@-ms-keyframes tweenAngle7 { 
    from { -ms-transform: translateX(500px) translateY(400px) translateZ(-50px) rotateZ(-50deg) rotateY(-20deg) scaleX(1) scaleY(1) }
    to { -ms-transform: translateX(500px) translateY(400px) translateZ(-50px) rotateZ(30deg) rotateY(-20deg) scaleX(1) scaleY(1) }
}
@-o-keyframes tweenAngle7 { 
    from { -o-transform: translateX(500px) translateY(400px) translateZ(-50px) rotateZ(-50deg) rotateY(-20deg) scaleX(1) scaleY(1) }
    to { -o-transform: translateX(500px) translateY(400px) translateZ(-50px) rotateZ(30deg) rotateY(-20deg) scaleX(1) scaleY(1) }
}
@-webkit-keyframes tweenAngle7 { 
    from { -webkit-transform: translateX(500px) translateY(400px) translateZ(-50px) rotateZ(-50deg) rotateY(-20deg) scaleX(1) scaleY(1) }
    to { -webkit-transform: translateX(500px) translateY(400px) translateZ(-50px) rotateZ(30deg) rotateY(-20deg) scaleX(1) scaleY(1) }
}
@keyframes tweenAngle8 { 
    from { transform: translateX(200px) translateY(400px) translateZ(-200px) rotateZ(30deg) rotateY(0deg) scaleX(1) scaleY(1) }
    to { transform: translateX(200px) translateY(400px) translateZ(-200px) rotateZ(60deg) rotateY(0deg) scaleX(1) scaleY(1) }
}
@-moz-keyframes tweenAngle8 { 
    from { -moz-transform: translateX(200px) translateY(400px) translateZ(-200px) rotateZ(30deg) rotateY(0deg) scaleX(1) scaleY(1) }
    to { -moz-transform: translateX(200px) translateY(400px) translateZ(-200px) rotateZ(60deg) rotateY(0deg) scaleX(1) scaleY(1) }
}
@-ms-keyframes tweenAngle8 { 
    from { -ms-transform: translateX(200px) translateY(400px) translateZ(-200px) rotateZ(30deg) rotateY(0deg) scaleX(1) scaleY(1) }
    to { -ms-transform: translateX(200px) translateY(400px) translateZ(-200px) rotateZ(60deg) rotateY(0deg) scaleX(1) scaleY(1) }
}
@-o-keyframes tweenAngle8 { 
    from { -o-transform: translateX(200px) translateY(400px) translateZ(-200px) rotateZ(30deg) rotateY(0deg) scaleX(1) scaleY(1) }
    to { -o-transform: translateX(200px) translateY(400px) translateZ(-200px) rotateZ(60deg) rotateY(0deg) scaleX(1) scaleY(1) }
}
@-webkit-keyframes tweenAngle8 { 
    from { -webkit-transform: translateX(200px) translateY(400px) translateZ(-200px) rotateZ(30deg) rotateY(0deg) scaleX(1) scaleY(1) }
    to { -webkit-transform: translateX(200px) translateY(400px) translateZ(-200px) rotateZ(60deg) rotateY(0deg) scaleX(1) scaleY(1) }
}
@keyframes tweenWorld { 
    from { transform: rotateY(150deg) scaleX(3) scaleY(3) }
}
@-moz-keyframes tweenWorld { 
    from { -moz-transform: rotateY(150deg) scaleX(3) scaleY(3) }
}
@-ms-keyframes tweenWorld { 
    from { -ms-transform: rotateY(150deg) scaleX(3) scaleY(3) }
}
@-o-keyframes tweenWorld { 
    from { -o-transform: rotateY(150deg) scaleX(3) scaleY(3) }
}
@-webkit-keyframes tweenWorld { 
    from { -webkit-transform: rotateY(150deg) scaleX(3) scaleY(3) }
}
#viewport {
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
    position: absolute;
    right: 0;
    top: 0;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #fffded 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(100%, #fffded));
    background: -webkit-linear-gradient(left, #ffffff 0%, #fffded 100%);
    background: -o-linear-gradient(left, #ffffff 0%, #fffded 100%);
    background: -ms-linear-gradient(left, #ffffff 0%, #fffded 100%);
    background: linear-gradient(to right, #ffffff 0%, #fffded 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fffded', GradientType=1);
    z-index: -2;
}
#world {
    height: 800px;
    width: 800px;
    left: 25%;
    top: 40%;
    margin-left: -400px;
    margin-top: -400px;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: translateX(0px) translateY(0px) translateZ(0px) rotateZ(-5deg) rotateY(-2deg) scaleX(1.3) scaleY(1.3);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotateZ(-5deg) rotateY(-2deg) scaleX(1.3) scaleY(1.3);
}
.spinn {
    animation-name: tweenWorld;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-play-state: running;
    -webkit-animation-name: tweenWorld;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    -moz-animation-name: tweenWorld;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
    -ms-animation-name: tweenWorld;
    -ms-animation-duration: 1s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: alternate;
    -ms-animation-play-state: running;
    -o-animation-name: tweenWorld;
    -o-animation-duration: 1s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: 1;
    -o-animation-direction: alternate;
    -o-animation-play-state: running;
}
#shape1 {
    height: 400px;
    width: 800px;
    margin-left: -400px;
    margin-top: -200px;
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 69, 88, 0)), color-stop(0.495, rgba(0, 69, 88, 0.08)), color-stop(0.51, rgba(0, 69, 88, 0.04)), color-stop(1, rgba(0, 69, 88, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -moz-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -ms-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -o-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    transform-style: flat;
    animation-name: tweenAngle1;
    animation-duration: 7s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    -webkit-animation-name: tweenAngle1;
    -webkit-animation-duration: 7s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    -moz-animation-name: tweenAngle1;
    -moz-animation-duration: 7s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
    -ms-animation-name: tweenAngle1;
    -ms-animation-duration: 7s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: alternate;
    -ms-animation-play-state: running;
    -o-animation-name: tweenAngle1;
    -o-animation-duration: 7s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-play-state: running;
}
#shape2 {
    height: 400px;
    width: 800px;
    margin-left: -400px;
    margin-top: -200px;
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 69, 88, 0)), color-stop(0.495, rgba(0, 69, 88, 0.08)), color-stop(0.51, rgba(0, 69, 88, 0.04)), color-stop(1, rgba(0, 69, 88, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -moz-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -ms-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -o-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    transform-style: flat;
    animation-name: tweenAngle2;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    -webkit-animation-name: tweenAngle2;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    -moz-animation-name: tweenAngle2;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
    -ms-animation-name: tweenAngle2;
    -ms-animation-duration: 5s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: alternate;
    -ms-animation-play-state: running;
    -o-animation-name: tweenAngle2;
    -o-animation-duration: 5s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-play-state: running;
}
#shape3 {
    height: 130px;
    width: 800px;
    margin-left: -400px;
    margin-top: -70px;
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 69, 88, 0)), color-stop(0.495, rgba(0, 69, 88, 0.08)), color-stop(0.51, rgba(0, 69, 88, 0.04)), color-stop(1, rgba(0, 69, 88, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -moz-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -ms-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -o-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    transform-style: flat;
    animation-name: tweenAngle3;
    animation-duration: 7s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    -webkit-animation-name: tweenAngle3;
    -webkit-animation-duration: 7s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    -moz-animation-name: tweenAngle3;
    -moz-animation-duration: 7s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
    -ms-animation-name: tweenAngle3;
    -ms-animation-duration: 7s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: alternate;
    -ms-animation-play-state: running;
    -o-animation-name: tweenAngle3;
    -o-animation-duration: 7s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-play-state: running;
}
#shape4 {
    height: 130px;
    width: 800px;
    margin-left: -400px;
    margin-top: -70px;
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 69, 88, 0)), color-stop(0.495, rgba(0, 69, 88, 0.08)), color-stop(0.51, rgba(0, 69, 88, 0.04)), color-stop(1, rgba(0, 69, 88, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -moz-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -ms-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -o-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    transform-style: flat;
    animation-name: tweenAngle4;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    -webkit-animation-name: tweenAngle4;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    -moz-animation-name: tweenAngle4;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
    -ms-animation-name: tweenAngle4;
    -ms-animation-duration: 5s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: alternate;
    -ms-animation-play-state: running;
    -o-animation-name: tweenAngle4;
    -o-animation-duration: 5s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-play-state: running;
}
#shape5 {
    height: 358px;
    width: 800px;
    margin-left: -400px;
    margin-top: -175px;
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 69, 88, 0)), color-stop(0.495, rgba(0, 69, 88, 0.08)), color-stop(0.51, rgba(0, 69, 88, 0.04)), color-stop(1, rgba(0, 69, 88, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -moz-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -ms-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -o-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    transform-style: flat;
    animation-name: tweenAngle5;
    animation-duration: 7s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    -webkit-animation-name: tweenAngle5;
    -webkit-animation-duration: 7s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    -moz-animation-name: tweenAngle5;
    -moz-animation-duration: 7s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
    -ms-animation-name: tweenAngle5;
    -ms-animation-duration: 7s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: alternate;
    -ms-animation-play-state: running;
    -o-animation-name: tweenAngle5;
    -o-animation-duration: 7s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-play-state: running;
}
#shape6 {
    height: 358px;
    width: 800px;
    margin-left: -400px;
    margin-top: -175px;
    position: absolute;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 69, 88, 0)), color-stop(0.495, rgba(0, 69, 88, 0.08)), color-stop(0.51, rgba(0, 69, 88, 0.04)), color-stop(1, rgba(0, 69, 88, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -moz-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -ms-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: -o-linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    background: linear-gradient(left, rgba(0, 69, 88, 0), rgba(0, 69, 88, 0.08) 49.5%, rgba(0, 69, 88, 0.04) 51%, rgba(0, 69, 88, 0));
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    transform-style: flat;
    animation-name: tweenAngle6;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    -webkit-animation-name: tweenAngle6;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    -moz-animation-name: tweenAngle6;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
    -ms-animation-name: tweenAngle6;
    -ms-animation-duration: 5s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: alternate;
    -ms-animation-play-state: running;
    -o-animation-name: tweenAngle6;
    -o-animation-duration: 5s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-play-state: running;
}
#shape7 {
    height: 1200px;
    width: 400px;
    margin-left: -200px;
    margin-top: -600px;
    position: absolute;
    background: rgba(226, 255, 163, 0.3);
    background: -moz-radial-gradient(center, ellipse cover, rgba(226, 255, 163, 0.3) 0%, rgba(226, 255, 163, 0) 69%, rgba(226, 255, 163, 0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(226, 255, 163, 0.3)), color-stop(69%, rgba(226, 255, 163, 0)), color-stop(100%, rgba(226, 255, 163, 0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(226, 255, 163, 0.3) 0%, rgba(226, 255, 163, 0) 69%, rgba(226, 255, 163, 0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(226, 255, 163, 0.3) 0%, rgba(226, 255, 163, 0) 69%, rgba(226, 255, 163, 0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(226, 255, 163, 0.3) 0%, rgba(226, 255, 163, 0) 69%, rgba(226, 255, 163, 0) 100%);
    background: radial-gradient(ellipse at center, rgba(226, 255, 163, 0.3) 0%, rgba(226, 255, 163, 0) 69%, rgba(226, 255, 163, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2ffa3', endColorstr='#e2ffa3', GradientType=1);
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    transform-style: flat;
    animation-name: tweenAngle7;
    animation-duration: 7s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    -webkit-animation-name: tweenAngle7;
    -webkit-animation-duration: 7s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    -moz-animation-name: tweenAngle7;
    -moz-animation-duration: 7s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
    -ms-animation-name: tweenAngle7;
    -ms-animation-duration: 7s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: alternate;
    -ms-animation-play-state: running;
    -o-animation-name: tweenAngle7;
    -o-animation-duration: 7s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-play-state: running;
}
#shape8 {
    height: 1200px;
    width: 400px;
    margin-left: -200px;
    margin-top: -600px;
    position: absolute;
    background: rgba(168, 232, 250, 0.5);
    background: -moz-radial-gradient(center, ellipse cover, rgba(168, 232, 250, 0.5) 0%, rgba(168, 232, 250, 0) 69%, rgba(168, 232, 250, 0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(168, 232, 250, 0.5)), color-stop(69%, rgba(168, 232, 250, 0)), color-stop(100%, rgba(168, 232, 250, 0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(168, 232, 250, 0.5) 0%, rgba(168, 232, 250, 0) 69%, rgba(168, 232, 250, 0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(168, 232, 250, 0.5) 0%, rgba(168, 232, 250, 0) 69%, rgba(168, 232, 250, 0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(168, 232, 250, 0.5) 0%, rgba(168, 232, 250, 0) 69%, rgba(168, 232, 250, 0) 100%);
    background: radial-gradient(ellipse at center, rgba(168, 232, 250, 0.5) 0%, rgba(168, 232, 250, 0) 69%, rgba(168, 232, 250, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8e8fa', endColorstr='#a8e8fa', GradientType=1);
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    transform-style: flat;
    animation-name: tweenAngle8;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    -webkit-animation-name: tweenAngle8;
    -webkit-animation-duration: 8s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    -moz-animation-name: tweenAngle8;
    -moz-animation-duration: 8s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
    -ms-animation-name: tweenAngle8;
    -ms-animation-duration: 8s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: alternate;
    -ms-animation-play-state: running;
    -o-animation-name: tweenAngle8;
    -o-animation-duration: 8s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-play-state: running;
}
@media handheld,only screen and (max-width:1024px) { 
    #world {
        height: 800px;
        width: 800px;
        left: 25%;
        top: 40%;
        margin-left: -400px;
        margin-top: -400px;
        position: absolute;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
        transform: translateX(0px) translateY(0px) translateZ(0px) rotateZ(-5deg) rotateY(-2deg) scaleX(0.7) scaleY(0.7);
        -webkit-transform: translateX(0px) translateY(0px) translateZ(0px) rotateZ(-5deg) rotateY(-2deg) scaleX(0.7) scaleY(0.7);
    }
}