.hexcontainer{height:680px;margin-left:20px}.hex{display:inline-block;filter:url(#goo);width:36%}.hex:before{content:"";display:block;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);box-shadow:2px 2px 8px 3px #dad6d6}.pos0{top:0;left:30%}.pos1{top:17%;left:0}.pos2{top:17%;left:60%}.pos3{top:34%;left:30%}.pos3:hover{animation:spin 4s linear infinite}.pos3:hover:before{animation:spin-4s 4s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-4s{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pos4{top:51%;left:0}.pos5{top:68%;left:30%}.pos6{top:51%;left:60%}.mainOuterCircle{height:841px;margin-top:-100px}.mainInnerCircle,.mainOuterCircle{border-radius:100% 100%;border:2px dashed #ddd;cursor:pointer}.mainInnerCircle{height:786px;padding:50px;width:786px;position:absolute;margin-left:-2%;margin-top:-53px}.Animatedcircle{width:45px;height:45px;background:#376bff;border-radius:100% 100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;margin:auto;animation:circle 9s linear infinite}@keyframes circle{0%{transform:rotate(0deg) translate(-165px) rotate(0deg)}to{transform:rotate(1turn) translate(-165px) rotate(-1turn)}}.animatedHexagon{width:30px;height:27px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;margin:auto;z-index:999;animation:circle1 54s linear infinite}@keyframes circle1{0%{transform:rotate(0deg) translate(-420px) rotate(0deg)}to{transform:rotate(1turn) translate(-420px) rotate(-1turn)}}.animatedHexagon2{width:30px;height:27px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;margin:auto;z-index:100;animation:Circulate2 54s linear infinite}@keyframes Circulate2{0%{transform:rotate(-20deg) translate(390.5px) rotate(-40deg)}to{transform:rotate(-380deg) translate(390.5px) rotate(-40deg)}}.animatedCircle{top:116px}.animatedCircle,.animatedCircle1Animation{width:30px;height:27px;position:absolute;bottom:0;left:0;right:0;overflow:hidden;margin:auto;z-index:100}.animatedCircle1Animation{top:0;animation:Circulate1 10s linear infinite}@keyframes Circulate1{0%{transform:rotate(270deg) translate(-58.5px) rotate(-10deg)}to{transform:rotate(630deg) translate(-58.5px) rotate(-10deg)}}.animatedCircle2{top:-120px}.animatedCircle2,.animatedCircle2Animation{width:34px;height:34px;position:absolute;bottom:0;left:0;right:0;overflow:hidden;margin:auto;z-index:100}.animatedCircle2Animation{top:0;animation:reverseRotation 10s linear infinite}@keyframes reverseRotation{0%{transform:rotate(90deg) translate(-58.5px) rotate(-40deg)}to{transform:rotate(450deg) translate(-58.5px) rotate(-40deg)}}.rotateCircleBlk1{width:34px;height:34px;position:absolute;top:-120px;bottom:0;left:0;right:0;overflow:hidden;margin:auto;z-index:100;animation:reverseRotationBlk1 10s linear infinite}@keyframes reverseRotationBlk1{0%{transform:rotate(380deg) translate(-62.5px) rotate(-40deg)}to{transform:rotate(20deg) translate(-62.5px) rotate(-40deg)}}.rotateCircle2Blk1{width:34px;height:34px;position:absolute;top:-120px;bottom:0;left:0;right:0;overflow:hidden;margin:auto;z-index:100;animation:Rotation2Blk1 10s linear infinite}@keyframes Rotation2Blk1{0%{transform:rotate(20deg) translate(-62.5px) rotate(-40deg)}to{transform:rotate(380deg) translate(-62.5px) rotate(-40deg)}}.navBar1{transform:translateY(0);transition-duration:.3s;transition-timing-function:ease;transition-delay:0s;transition-property:all}@keyframes waveAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.waveBackground{animation:waveAnimation 50s linear infinite;background-size:100% 100%;position:relative;background-repeat:no-repeat}