body {
    padding: 0;
    margin: 0;
    background-color: rgb(91, 161, 214);
    overflow: hidden;
}



.circle {
    border: 1px solid #ffffff50;
    border-radius: 50%;
    background-color: transparent;
    position: fixed;
 }
 
 @keyframes fade-effect {
    to {
       transform:scale(15);
       opacity: 0.01;
    }
 }

 .big-wave {
    background-color: rgba(56, 133, 192, 0.607);
    position: absolute;
    bottom: -25%;
    width: 100%;
    height: 25%;
    filter: blur(20px);
 }

 @keyframes big-wave-anim {
    to{
        bottom: 100%;
    }
 }
 
 .fish {
    transform-origin: 50% 0%;
    background-color: transparent;
    position: absolute;
 }