body {background:url(https://files.catbox.moe/7mb3p8.jpg);
 background-position:fixed;
  background-repeat: no-repeat, no-repeat;
  background-size:2000px;
  overflow-y:hidden;
background-repeat:no-repeat;
margin:0px;
padding:0px;}

HTML,BODY {cursor: url("https://downloads.totallyfreecursors.com/cursor_files/yellowfish.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/yellowfish.gif"), auto;}

* {scrollbar-color: darkblue blue ;}

.flex {display:flex;
  position:absolute;
width:90%;
  margin:auto;
justify-content:center;
 align-items: center;}

.lilmarquee {
margin-bottom:30px;}

.bubblesright {position:absolute;
right:0px;
bottom:10px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);}

.music {position:absolute;
bottom:-30px;
left:1650px;
z-index:100;}

.music:hover {cursor: url("https://downloads.totallyfreecursors.com/cursor_files/musicnotes1.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/musicnotes1.gif"), pointer;}

.whale {position:absolute;
top:0px;
right:0px;}

.puffer {position:absolute;
bottom:300px;
left:400px;
animation: bobbing 2s ease-in-out infinite;
  animation-delay: .7s;
    animation-direction: alternate;}

.lilschool {position:absolute;
left:1300px;
bottom:300px;}

.purple {position:relative;
left:200px;
top:50px;}

.circle {sition:relative;
left:50px;}

.rainbow {z-index:5;
animation: bobbing 1s ease-in-out infinite;
    animation-direction: alternate;}

.seaweed {position:absolute;
bottom:0px;
left:1280px;
z-index:1;}

.corall {position:absolute;
bottom:-20px;
  left:1600px;
z-index:3;}

.seaweed2 {position:absolute;
bottom:-20px;
left:50px;
z-index:2;}

.axl {position:absolute;
bottom:100px;
left:1450px;}

.coralseaweed {position:absolute;
bottom:0px;
left:1500px;}

.bubbleleft {position:absolute;
bottom:-50px;
left:0px;
z-index:2;}

.bub2 {position:absolute;
bottom:500px;
left:870px;
z-index:-1;}

.coral {position:absolute;
  bottom:0px;}

.coralbed {position:absolute;
width:550px;
  bottom:-30px;
left:1300px;}

.triangle {
animation: bobbing 2s ease-in-out infinite;
    animation-direction: alternate;}

.bub3 {position:absolute;
bottom:430px;
  left:560px;}

.bub4 {position:absolute;
bottom:10px;
left:400px;}

.shark {position:absolute;
  bottom:100px;
left:600px;
z-index:-1;}

.bub5 {position:absolute;
left:1500px;}

.pastelcoral {position:absolute;
bottom:0;
left:550px;
z-index:-1;}

.babyray {position:absolute;
bottom:0px;
left:380px;}

.shell {position:absolute;
bottom:0px;
left:1200px;}

.clam {position:absolute;
bottom:0px;
left:660px;}

.mermaid {width:500px;
position:absolute;
bottom:120px;
left:1340px;}

.pixelcoral {position:absolute;
bottom:0px;
left:1460px;}

.pacing {position:absolute;
bottom:20px;
left:700px;}

.pink {position:absolute;
bottom:250px;
left:850px;
animation: bobbing 1.4s ease-in-out infinite;
    animation-direction: alternate;}

.bobbing {
    animation: bobbing 2s ease-in-out infinite;
    animation-direction: alternate;
}

.glowingfish {width:200px;
  position:relative;
  left:50px;
  bottom:50px;
  animation: bobbing 2s ease-in-out infinite;
    animation-direction: alternate;
}

.turt {position:absolute;
left:50px;
bottom:250px;}

.smalljelly { 
  position:relative;
  left:150px;
  rotate:5deg;
  animation: bobbing 2s ease-in-out infinite;
  animation-delay: .5s;
    animation-direction: alternate;}

.jelly3 {position:relative;
bottom:120px;
animation: bobbing 1s ease-in-out infinite;
  animation-delay: .2s;
    animation-direction: alternate;}

.jelly {width:250px;
  animation: bobbing 3s ease-in-out infinite;
  animation-delay: .8s;
    animation-direction: alternate;}

.funnyfella {width:250px;
  position:relative;
  top:330px;
  left:-210px;
  z-index:1;
  animation: bobbing 2s ease-in-out infinite;
  animation-delay: .1s;
    animation-direction: alternate;}

@keyframes bobbing {
    0% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(-10px);
    }
}