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