.loader{display:inline-block;left:50%;margin:auto;position:absolute;top:50%;transform:translate(-50%,-50%) translateZ(0);width:auto;will-change:transform}.loader .loading-text{color:#fff;font-size:1.5rem;font-weight:100;letter-spacing:2px;margin-top:25px;text-transform:uppercase;white-space:nowrap}.loader .loading-text span{animation:wave-text-anim 8s ease-in-out infinite;display:inline-block;transform:translateY(30px) translateZ(0);will-change:transform}.aquarium{border:2px solid #fff;height:60px;overflow:hidden;width:80%}.aquarium,.aquarium .water{margin:auto;position:relative}.aquarium .water{animation:aquarium-anim 4s infinite;height:100%;width:150%}.aquarium .water:before{background-color:#4286dab3;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAF0lEQVQImWNggIL///83MGADWCVIUg0A9PQN9bgobnYAAAAASUVORK5CYII=);background-position:0 0;background-repeat:repeat;content:"";height:100%;position:absolute;right:0;top:0;transform:translateZ(0);width:175%;will-change:transform}.jellyfish{animation:jellyfish-move-anim 4s infinite;filter:drop-shadow(0 0 1px #fff);left:0;position:relative;top:50%;transform:translate(-50%) translateZ(0);will-change:transform;z-index:1}.jellyfish .head{animation:jellyfish-head-anim 1s infinite;background-color:#fff;border:2px solid #fff;border-radius:20px;bottom:0;height:25px;margin:auto;position:absolute;top:0;transform:rotate(90deg) translateZ(0);width:25px;will-change:transform}.jellyfish .body{animation:jellyfish-body-anim 1s infinite;bottom:-15px;height:50px;left:0;position:relative;transform:translateZ(0);width:100%;will-change:transform;z-index:1}.jellyfish .body .legs{animation:jellyfish-legs-anim 1s infinite;background:#fff;border-radius:10px;height:100%;position:absolute;width:3px}.jellyfish .body .legs:first-child,.jellyfish .body .legs:nth-child(3){background-color:initial;border:3px solid #0000;border-radius:0;width:15px}.jellyfish .body .legs:first-child{border-bottom-right-radius:75%;border-right-color:#fff;left:-8px}.jellyfish .body .legs:nth-child(2){height:97.5%;left:50%;transform:translateX(-50%) translateZ(0);will-change:transform}.jellyfish .body .legs:nth-child(3){border-bottom-left-radius:75%;border-left-color:#fff;right:-8px}.jellyfish:first-child{animation-delay:0s}.jellyfish:nth-child(2){animation-delay:2s;top:150px}.jellyfish:nth-child(3){animation-delay:5.25s;top:250px}@keyframes aquarium-anim{0%{transform:translateX(0) translateZ(0)}20%{transform:translateX(-3%) translateZ(0)}30%{transform:translateX(17%) translateZ(0)}45%{transform:translateX(12%) translateZ(0)}55%{transform:translateX(27.5%) translateZ(0)}70%{transform:translateX(22.5%) translateZ(0)}80%{transform:translateX(40%) translateZ(0)}95%{transform:translateX(35%) translateZ(0)}to{transform:translateX(50%) translateZ(0)}}@keyframes jellyfish-move-anim{0%{transform:translateX(-13%) translateZ(0)}20%{transform:translateX(-13%) translateZ(0)}30%{transform:translateX(22.5%) translateZ(0)}45%{transform:translateX(22.5%) translateZ(0)}55%{transform:translateX(50%) translateZ(0)}70%{transform:translateX(50%) translateZ(0)}80%{transform:translateX(80%) translateZ(0)}95%{transform:translateX(80%) translateZ(0)}to{transform:translateX(110%) translateZ(0)}}@keyframes jellyfish-head-anim{0%{border-radius:75%;border-top-left-radius:50px;border-top-right-radius:50px;height:25px;transform:translateX(20px) rotate(90deg) translateZ(0);width:25px}65%{border-top-left-radius:50px;border-top-right-radius:50px;height:18px;transform:translateX(0) rotate(90deg) translateZ(0);width:40px}70%{border-top-left-radius:50px;border-top-right-radius:50px;height:18px;transform:translateX(0) rotate(90deg) translateZ(0);width:40px}to{border-radius:75%;border-top-left-radius:50px;border-top-right-radius:50px;height:25px;transform:translateX(20px) rotate(90deg) translateZ(0);width:25px}}@keyframes jellyfish-body-anim{0%{height:50px;transform:translateY(-15px) translateZ(0)}65%{height:40px;transform:translateY(-5px) translateZ(0)}70%{height:40px;transform:translateY(-5px) translateZ(0)}to{height:50px;transform:translateY(-15px) translateZ(0)}}@keyframes jellyfish-legs-anim{0%{border-bottom-left-radius:0;border-bottom-right-radius:0}65%{border-bottom-left-radius:75%;border-bottom-right-radius:75%}70%{border-bottom-left-radius:75%;border-bottom-right-radius:75%}to{border-bottom-left-radius:0;border-bottom-right-radius:0}}@keyframes wave-text-anim{50%{transform:translateY(0) translateZ(0);will-change:transform}}@media screen and (max-width:640px){.loader .loading-text{letter-spacing:5px;line-height:200%;margin:15px auto auto;white-space:normal;width:350px}.aquarium,.loader{width:90%}}@media screen and (max-width:960px){.loader .loading-text{font-size:1rem}}@media screen and (max-width:480px){.loader .loading-text{letter-spacing:2px;width:260px}}