.background-image{z-index:-4;background-image:url(/img/insea.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}.ocean{z-index:-3;background:linear-gradient(#003a6bb3 0%,#001f3fbf 40%,#00111fcc 75%,#000814d9 100%);position:fixed;inset:0}.light{pointer-events:none;z-index:-2;background:radial-gradient(circle at 50% -20%,#78c8ff59,#0000 60%);animation:12s ease-in-out infinite alternate lightMove;position:absolute;inset:0}.depth{pointer-events:none;position:absolute;inset:0}.depth-1{filter:blur(40px);z-index:-1;background:radial-gradient(circle at 30% 40%,#ffffff0d,#0000 60%),radial-gradient(circle at 70% 60%,#ffffff0a,#0000 70%);animation:30s linear infinite drift1}.depth-2{filter:blur(80px);z-index:-1;background:radial-gradient(circle at 20% 70%,#0096ff14,#0000 60%),radial-gradient(circle at 80% 30%,#00b4ff0f,#0000 70%);animation:50s linear infinite drift2}.bubbles{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.bubble{opacity:.6;background:radial-gradient(circle at 30% 30%,#fffc,#fff3);border-radius:50%;width:8px;height:8px;animation:linear infinite bubbleRise;position:absolute;bottom:-20px}.bubble:first-child{width:6px;height:6px;animation-duration:8s;animation-delay:0s;left:10%}.bubble:nth-child(2){width:4px;height:4px;animation-duration:10s;animation-delay:1s;left:20%}.bubble:nth-child(3){width:8px;height:8px;animation-duration:12s;animation-delay:2s;left:30%}.bubble:nth-child(4){width:5px;height:5px;animation-duration:9s;animation-delay:.5s;left:40%}.bubble:nth-child(5){width:7px;height:7px;animation-duration:11s;animation-delay:3s;left:50%}.bubble:nth-child(6){width:4px;height:4px;animation-duration:8s;animation-delay:1.5s;left:60%}.bubble:nth-child(7){width:6px;height:6px;animation-duration:13s;animation-delay:2.5s;left:70%}.bubble:nth-child(8){width:8px;height:8px;animation-duration:13s;animation-delay:2.5s;left:80%}.bubble:nth-child(9){width:4px;height:4px;animation-duration:13s;animation-delay:2.5s;left:90%}.caustics{pointer-events:none;z-index:-1;background-image:radial-gradient(at 20% 30%,#64c8ff14 0%,#0000 50%),radial-gradient(at 60% 20%,#64c8ff0f 0%,#0000 40%),radial-gradient(at 80%,#64c8ff0d 0%,#0000 45%);animation:20s ease-in-out infinite causticMove;position:absolute;inset:0}@keyframes lightMove{0%{opacity:0;transform:translateY(-10px)scale(1)}to{opacity:1;transform:translateY(10px)scale(1.1)}}@keyframes drift1{0%{transform:translate(0)translateY(0)}to{transform:translate(-60px)translateY(20px)}}@keyframes drift2{0%{transform:translate(0)translateY(0)}to{transform:translate(60px)translateY(-20px)}}@keyframes bubbleRise{0%{opacity:.6;transform:translateY(0)translate(0)scale(1)}50%{opacity:.8;transform:translateY(-50vh)translate(10px)scale(1.1)}to{opacity:0;transform:translateY(-100vh)translate(-5px)scale(.8)}}@keyframes causticMove{0%,to{opacity:.6;transform:scale(1)rotate(0)}25%{opacity:.8;transform:scale(1.05)rotate(1deg)}50%{opacity:.7;transform:scale(1.1)rotate(-1deg)}75%{opacity:.9;transform:scale(1.05)rotate(.5deg)}}.fog{pointer-events:none;z-index:0;background:linear-gradient(#0000,#000814cc);height:30%;position:absolute;bottom:0;left:0;right:0}