.front-start{overflow-x:hidden;overflow-y:hidden;position:relative}.front-start__sun{position:absolute;width:200px;height:200px;z-index:0;background-color:yellowgreen;top:-100px;right:30%;border-radius:9999px;filter:blur(200px)}.front-start__title{min-height:600px;position:relative;z-index:20}.front-start__bg{height:150%;width:120%;left:-10%;bottom:25px}.front-start__bg--gradient{width:100px;height:100px;border-radius:9999px;background-color:#0d0329;position:absolute;top:10%;left:55%;filter:blur(50px);z-index:0}.front-start__bg .buble{position:absolute;left:40%;top:60%;z-index:-1}.front-start__bg .buble__1{animation:bubbleAnimation 7s linear infinite}.front-start__bg .buble__1.another-time{animation-name:bubbleAnimation__2;animation-delay:1s;animation-duration:4s}.front-start__bg .buble__2{animation:bubbleAnimation__2 6s linear infinite}.front-start__bg .buble__2.another-time{animation-name:bubbleAnimation__1;animation-delay:1s;animation-duration:8s}.front-start__bg .buble__3{animation:bubbleAnimation__3 5s linear infinite}.front-start__bg .buble__3.another-time{animation-name:bubbleAnimation__3;animation-delay:2s;animation-duration:9s}.front-start .whale__top{width:600px;height:500px;bottom:60%;left:calc(75% - 300px);display:block;z-index:10}@media (min-width:1200px){.front-start .whale__top{width:800px;height:700px;bottom:40%;left:calc(85% - 400px)}}.web-button{width:300px;height:250px;z-index:1}@media screen and (max-width:599px){.web-button{width:200px;height:100px}}.web-button img{z-index:3;position:relative}.web-button__w{width:425px;z-index:6}.web-button__w--img{opacity:.8}.web-button__e{width:210px;z-index:3}.web-button__e--img{opacity:.7}.web-button__b{width:250px;z-index:9}.web-button__b--img{opacity:.75}.web-button__b .grass__0{right:auto;left:-20%;bottom:-9%;height:70%;width:110%}.grass__0{bottom:-6%}.grass__0,.grass__2{width:70%;height:55%;right:-20%}.grass__2{bottom:-4%}.grass__3{width:80%;height:55%;bottom:-12%;right:-30%}.grass__4{width:40%;height:65%;bottom:-8%;left:4%}.grass__5{bottom:10%;left:-29%;animation:grass-5 11s linear infinite alternate-reverse}.grass__5,.grass__6{width:70%;height:185%}.grass__6{bottom:-15%;right:-29%;z-index:0;transform:rotate(10deg);animation:grass-5 9s linear infinite alternate}.fish__1{left:20%;top:0;z-index:7;animation:fish 15s ease-in-out infinite reverse}.fish__3{left:60%;top:40%;z-index:2;animation:fish 10s ease-in-out infinite}.fish__4{left:25%;top:-150px;z-index:2;animation:fish--down 17s ease-in-out infinite}.fish__4 img{transform:scale(.7)}.fish__5{left:40%;top:10%;z-index:5;animation:fish--up 24s ease-in infinite reverse}.fish__scale{animation:fish-scale 10s ease-in-out infinite}.fish__scale--1{animation:fish-scale 15s ease-in-out infinite reverse}.fish__scale--4{animation:fish-scale 17s ease-in-out infinite}.fish__scale--5{animation:fish-scale 24s ease-in infinite reverse}@keyframes fish{0%{transform:translateX(0)}50%{transform:translateX(400px)}to{transform:translateX(0)}}@keyframes fish--down{0%{transform:translateX(0) translateY(0)}50%{transform:translateX(200px) translateY(50px)}to{transform:translateX(0) translateY(0)}}@keyframes fish--up{0%{transform:translateX(0) translateY(0)}50%{transform:translateX(200px) translateY(-150px)}to{transform:translateX(0) translateY(0)}}@keyframes fish-scale{0%{transform:scaleX(1)}49%{transform:scaleX(1)}50%{transform:scaleX(-1)}99%{transform:scaleX(-1)}to{transform:scaleX(1)}}@keyframes bubbleAnimation{0%{transform:translate(0) scale(1);opacity:1}25%{transform:translate(50px,-200px) scale(1.2);opacity:.8}50%{transform:translate(100px,-400px) scale(1.5);opacity:.6}75%{transform:translate(150px,-600px) scale(1.8);opacity:.4}to{transform:translate(200px,-800px) scale(2);opacity:0}}@keyframes bubbleAnimation__2{0%{transform:translate(0) scale(1);opacity:1}25%{transform:translate(-50px,-200px) scale(1.4);opacity:.8}50%{transform:translate(-100px,-400px) scale(1.8);opacity:.6}75%{transform:translate(-150px,-600px) scale(2.4);opacity:.4}to{transform:translate(-150px,-800px) scale(4);opacity:0}}@keyframes bubbleAnimation__3{0%{transform:translate(0) scale(1);opacity:1}25%{transform:translate(20px,-250px) scale(1.4);opacity:.8}50%{transform:translate(40px,-500px) scale(1.8);opacity:.6}75%{transform:translate(60px,-750px) scale(2.4);opacity:.4}to{transform:translate(80px,-1000px) scale(4);opacity:0}}@keyframes grass-5{to{transform:skewX(6deg) translateX(-10%)}}