.whale-movement-graphic{.container{position:relative;width:100%;height:335px;background:linear-gradient(180deg,#96c7cc 0,#c3ddd8 30%,#c3ddd8);border-radius:10px;overflow:hidden}.gradientContainer{margin-top:95px;height:300px;overflow:hidden;background:linear-gradient(180deg,#c3e5e5,#0d3f53);position:absolute;z-index:200}.overlay{width:100%;height:240px;position:absolute}.overlay.one{background:linear-gradient(180deg,rgb(255 255 255/0) 10%,#0b4558);z-index:100}.gradient{margin-top:-100px;width:820px;height:400px;transform:translateX(-50px) rotate(20deg);animation-name:gradient;animation-duration:10s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-timing-function:linear;transform-style:preserve-3d}.ray1{animation-duration:1s;animation-delay:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray1,.ray2{height:400px;display:inline-block;animation-name:blink-ray;opacity:1}.ray2{animation-duration:4s;animation-delay:3s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray3{animation-duration:3s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray3,.ray4{height:400px;display:inline-block;animation-name:blink-ray;animation-delay:1s;opacity:1}.ray4{animation-duration:4s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray5{animation-delay:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray5,.ray6{height:400px;display:inline-block;animation-name:blink-ray;animation-duration:2s;opacity:1}.ray6{animation-delay:2s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray7{animation-delay:2s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray7,.ray8{height:400px;display:inline-block;animation-name:blink-ray;animation-duration:3s;opacity:1}.ray8{animation-delay:3s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray9{animation-duration:4s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray10,.ray9{height:400px;display:inline-block;animation-name:blink-ray;animation-delay:3s;opacity:1}.ray10{animation-duration:3s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray11{animation-duration:1s;animation-delay:4s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray11,.ray12{height:400px;display:inline-block;animation-name:blink-ray;opacity:1}.ray12{animation-duration:4s;animation-delay:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray13{animation-duration:1s;animation-delay:3s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray13,.ray14{height:400px;display:inline-block;animation-name:blink-ray;opacity:1}.ray14{animation-duration:3s;animation-delay:4s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray15{animation-duration:4s;animation-delay:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray15,.ray16{height:400px;display:inline-block;animation-name:blink-ray;opacity:1}.ray16{animation-duration:2s;animation-delay:4s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray17{animation-duration:3s;animation-delay:4s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray17,.ray18{height:400px;display:inline-block;animation-name:blink-ray;opacity:1}.ray18{animation-duration:1s;animation-delay:2s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray19{animation-delay:2s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray19,.ray20{height:400px;display:inline-block;animation-name:blink-ray;animation-duration:1s;opacity:1}.ray20{animation-delay:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray21{animation-duration:3s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray21,.ray22{height:400px;display:inline-block;animation-name:blink-ray;animation-delay:3s;opacity:1}.ray22{animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray23{animation-duration:2s;animation-delay:2s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray23,.ray24{height:400px;display:inline-block;animation-name:blink-ray;opacity:1}.ray24{animation-duration:3s;animation-delay:3s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray25{animation-duration:1s;animation-delay:3s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray25,.ray26{height:400px;display:inline-block;animation-name:blink-ray;opacity:1}.ray26{animation-duration:2s;animation-delay:4s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.ray1,.ray14,.ray27{width:20px;background:linear-gradient(180deg,#afe0e4 0,#afe0e4 40%,rgb(255 255 255/0))}.ray15,.ray2,.ray28{width:20px;background:linear-gradient(180deg,#c0e6e9 0,#c0e6e9 30%,rgb(255 255 255/0))}.ray16,.ray29,.ray3{width:15px;background:linear-gradient(180deg,#84cdd4 0,#84cdd4 20%,rgb(255 255 255/0))}.ray17,.ray30,.ray4{width:5px;background:linear-gradient(180deg,#7ec9d1 0,#7ec9d1 10%,rgb(255 255 255/0))}.ray18,.ray31,.ray5{width:10px;background:linear-gradient(180deg,#97d6dc 0,#97d6dc 40%,rgb(255 255 255/0))}.ray19,.ray32,.ray6{width:10px;background:linear-gradient(180deg,#aedee2 0,#aedee2 30%,rgb(255 255 255/0))}.ray20,.ray33,.ray7{width:10px;background:linear-gradient(180deg,#96d3d8 0,#96d3d8 20%,rgb(255 255 255/0))}.ray21,.ray34,.ray8{width:5px;background:linear-gradient(180deg,#9cd7dd 0,#9cd7dd 40%,rgb(255 255 255/0))}.ray22,.ray35,.ray9{width:25px;background:linear-gradient(180deg,#7ecbd3 0,#7ecbd3 60%,rgb(255 255 255/0))}.ray10,.ray23,.ray36{width:10px;background:linear-gradient(180deg,#97d6dc 0,#97d6dc 50%,rgb(255 255 255/0))}.ray11,.ray24,.ray37{width:10px;background:linear-gradient(180deg,#aedee2 0,#aedee2 40%,rgb(255 255 255/0))}.ray12,.ray25,.ray38{width:10px;background:linear-gradient(180deg,#96d3d8 0,#96d3d8 20%,rgb(255 255 255/0))}.ray13,.ray26,.ray39{width:5px;background:linear-gradient(180deg,#9cd7dd 0,#9cd7dd 10%,rgb(255 255 255/0))}.cPos{position:relative;top:30%;left:calc(50% - 80px);z-index:9;transform:translateY(0) scale(1);animation-name:sunset;animation-duration:10s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.cc{display:flex;align-items:center;justify-content:center}.circle{position:absolute;background:#fbfef9;border-radius:50%}.circle.circle1{width:160px;height:160px;opacity:.2}.circle.circle2{width:130px;height:130px;opacity:.2}.circle.circle3{width:100px;height:100px;opacity:.2}.circle.circle4{width:70px;height:70px}.rocks{position:relative;z-index:2000}.rocks .rock{position:absolute}.rocks .rock.rock1{top:286px;left:-30px;width:98px;height:50px;clip-path:polygon(0 0,56% 10%,80% 100%,0 100%);background:#02364b;z-index:2000}.rocks .rock.rock2{top:295px;left:30px;width:95px;height:60px;clip-path:polygon(0 15%,20% 10%,100% 70%,100% 100%,0 100%);background:#063b51;z-index:1000}.rocks .rock.rock3{top:300px;left:50px;width:95px;height:60px;clip-path:polygon(0 60%,60% 20%,100% 12%,100% 100%,0 100%);background:#002c44;z-index:3000}.rocks .rock.rock4{left:125px;clip-path:polygon(0 100%,20% 45%,100% 12%,100% 100%,0 100%)}.rocks .rock.rock4,.rocks .rock.rock5{top:255px;width:60px;height:100px;background:#023a51;z-index:4000}.rocks .rock.rock5{left:184px;clip-path:polygon(100% 100%,80% 45%,0 12%,0 100%,100% 100%)}.rocks .rock.rock6{top:285px;left:220px;width:105px;height:60px;clip-path:polygon(100% 100%,40% 20%,0 12%,0 100%,100% 100%);background:#002c44;z-index:3000}.rocks .rock.rock7{top:305px;left:245px;width:95px;height:60px;clip-path:polygon(100% 15%,80% 10%,0 70%,0 100%,100% 100%);background:#063b51;z-index:1000}.rocks .rock.rock8{left:295px;width:98px;clip-path:polygon(100% 0,44% 10%,20% 100%,100% 100%)}.rocks .rock.rock8,.rocks .rock.rock9{top:286px;height:80px;background:#02364b;z-index:2000}.rocks .rock.rock9{left:392px;width:78px;clip-path:polygon(0 0,56% 10%,80% 100%,0 100%)}.rocks .rock.rock10{top:265px;left:400px;width:75px;height:90px;clip-path:polygon(100% 15%,80% 10%,0 70%,0 100%,100% 100%);background:#052c3d;z-index:1000}.bubbleContainer{width:100%;height:100px;bottom:0;position:absolute;animation-name:bubbles-in;animation-duration:2s;animation-iteration-count:1;animation-timing-function:linear}[class^=bubbleX]{display:inline-block;border-radius:50%;background:#fff;transform:translateX(0);animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}.bubbleX1,.bubbleX11,.bubbleX21,.bubbleX31{width:3px;height:3px;animation-name:bubble-x1}.bubbleX12,.bubbleX2,.bubbleX22,.bubbleX32{width:2px;height:2px;animation-name:bubble-x2}.bubbleX13,.bubbleX23,.bubbleX3,.bubbleX33{width:5px;height:5px;animation-name:bubble-x3}.bubbleX14,.bubbleX24,.bubbleX34,.bubbleX4{width:4px;height:4px;animation-name:bubble-x4}.bubbleX15,.bubbleX25,.bubbleX35,.bubbleX5{width:4px;height:4px;animation-name:bubble-x5}.bubbleX16,.bubbleX26,.bubbleX36,.bubbleX6{width:5px;height:5px;animation-name:bubble-x6}.bubbleX17,.bubbleX27,.bubbleX37,.bubbleX7{width:2px;height:2px;animation-name:bubble-x7}.bubbleX18,.bubbleX28,.bubbleX38,.bubbleX8{width:4px;height:4px;animation-name:bubble-x8}.bubbleX19,.bubbleX29,.bubbleX39,.bubbleX9{width:5px;height:5px;animation-name:bubble-x9}.bubbleX10,.bubbleX20,.bubbleX30,.bubbleX40{width:2px;height:2px;animation-name:bubble-x10}.bubbleY{display:inline-block;position:absolute;z-index:5000;animation-name:bubble-y;animation-duration:1.25s;animation-iteration-count:infinite;animation-timing-function:linear;transform:translateY(0);opacity:.6}.triangleContainer{margin-top:92px;width:1000px;position:absolute;z-index:1000;transform:translateX(-250px);animation-name:triangles;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}.triangleBar{width:1000px;height:6px;position:absolute;z-index:1500;background:linear-gradient(180deg,#e7f9f3,#f5fff9)}.triangle{width:50px;height:10px;display:inline-block;background:#edf7e7;clip-path:polygon(0 0,100% 0,50% 100%,0 0)}.whaleContainer{position:relative;transform:translateX(0);animation-name:whale-translate;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear;z-index:7000}.whalePos{position:absolute;z-index:1000}.whalePos.size1{top:150px;left:-210px}.whalePos.size2{top:100px;left:-280px}.whalePos.size3{top:120px;left:-140px}.whalePos.size4{top:190px;left:-310px}.whaleRotate{position:relative;width:245px;height:110px;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate}.whaleRotate.size1{transform:rotate(0) scale(.35);animation-name:whale-movement-xlarge}.whaleRotate.size2{transform:rotate(0) scale(.25);animation-name:whale-movement-large}.whaleRotate.size3{transform:rotate(0) scale(.15);animation-name:whale-movement-medium}.whaleRotate.size4{transform:rotate(0) scale(.1);animation-name:whale-movement-small}.whale{width:inherit;height:inherit;background:radial-gradient(at 40% 20%,#95d6df 0,#95d6df 35%,#6db3c2 0,#6db3c2 60%,#6db3c2 70%,#407a8b 0,#407a8b 100%);clip-path:polygon(15% 0,18.5% 20%,19% 37%,27% 46.5%,33% 46.5%,42.5% 37%,43% 26.5%,50.5% 28.5%,65.5% 17%,88.5% 12.5%,97.5% 22.5%,100% 49.5%,97% 65.5%,89.5% 81.5%,64.5% 86.5%,43.5% 80%,23% 59.5%,15.5% 41.5%,8% 40%,1.5% 28.5%,6.5% 25%,12.5% 26.5%,12% 14%)}.fin,.whale{position:absolute}.fin{top:75%;left:50%;z-index:5000;width:50px;height:30px;background:#407a8b;transform-origin:center top;clip-path:polygon(30% 50%,60% 0,100% 0,80% 60%,60% 80%,0 100%);animation-name:fin;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}}@keyframes gradient{0%{transform:translateX(-50px) rotate(20deg)}to{transform:translateX(-379px) rotate(20deg)}}@keyframes blink-ray{0%{opacity:1}to{opacity:.4}}@keyframes sunset{0%{transform:translateY(0) scale(1)}to{transform:translateY(10px) scale(.9)}}@keyframes bubbles-in{0%{opacity:0}to{opacity:1}}@keyframes bubble-x1{0%{transform:translateX(0)}20%{transform:translateX(10px)}40%{transform:translateX(7px)}60%{transform:translateX(8px)}80%{transform:translateX(15px)}to{transform:translateX(11px)}}@keyframes bubble-x2{0%{transform:translateX(0)}20%{transform:translateX(15px)}40%{transform:translateX(15px)}60%{transform:translateX(10px)}80%{transform:translateX(2px)}to{transform:translateX(12px)}}@keyframes bubble-x3{0%{transform:translateX(0)}20%{transform:translateX(2px)}40%{transform:translateX(9px)}60%{transform:translateX(8px)}80%{transform:translateX(12px)}to{transform:translateX(13px)}}@keyframes bubble-x4{0%{transform:translateX(0)}20%{transform:translateX(14px)}40%{transform:translateX(13px)}60%{transform:translateX(4px)}80%{transform:translateX(9px)}to{transform:translateX(15px)}}@keyframes bubble-x5{0%{transform:translateX(0)}20%{transform:translateX(14px)}40%{transform:translateX(3px)}60%{transform:translateX(2px)}80%{transform:translateX(14px)}to{transform:translateX(6px)}}@keyframes bubble-x6{0%{transform:translateX(0)}20%{transform:translateX(13px)}40%{transform:translateX(3px)}60%{transform:translateX(14px)}80%{transform:translateX(1px)}to{transform:translateX(2px)}}@keyframes bubble-x7{0%{transform:translateX(0)}20%{transform:translateX(14px)}40%{transform:translateX(15px)}60%{transform:translateX(6px)}80%{transform:translateX(10px)}to{transform:translateX(10px)}}@keyframes bubble-x8{0%{transform:translateX(0)}20%{transform:translateX(1px)}40%{transform:translateX(1px)}60%{transform:translateX(5px)}80%{transform:translateX(5px)}to{transform:translateX(7px)}}@keyframes bubble-x9{0%{transform:translateX(0)}20%{transform:translateX(4px)}40%{transform:translateX(1px)}60%{transform:translateX(8px)}80%{transform:translateX(2px)}to{transform:translateX(5px)}}@keyframes bubble-x10{0%{transform:translateX(0)}20%{transform:translateX(5px)}40%{transform:translateX(9px)}60%{transform:translateX(3px)}80%{transform:translateX(1px)}to{transform:translateX(7px)}}@keyframes bubble-y{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(-60px);opacity:0}}@keyframes triangles{0%{transform:translateX(-250px)}to{transform:translateX(-500px)}}@keyframes whale-translate{0%{transform:translateX(0)}to{transform:translateX(680px)}}@keyframes whale-movement-xlarge{0%{transform:rotate(0) scale(.35)}to{transform:rotate(10deg) scale(.35)}}@keyframes whale-movement-large{0%{transform:rotate(0) scale(.25)}to{transform:rotate(10deg) scale(.25)}}@keyframes whale-movement-medium{0%{transform:rotate(0) scale(.15)}to{transform:rotate(10deg) scale(.15)}}@keyframes whale-movement-small{0%{transform:rotate(0) scale(.1)}to{transform:rotate(10deg) scale(.1)}}@keyframes fin{0%{transform:rotate3d(0,0,0,0deg)}to{transform:rotate3d(1,1,1,30deg)}}
/*# sourceMappingURL=d6cedbef9e9110b3.css.map*/