* { box-sizing: border-box; margin: 0; padding: 0;  }

html, body { padding: 0; margin: 0; scroll-behavior: smooth;
scrollbar-color:rgb(0, 0, 0); scrollbar-width:none; /* transition:2s; */
font-family: "Archivo Black", sans-serif; }


#waterfish {
width:100vw;
height:auto;
background-color: white;;
margin:0 auto;
display: flex; justify-content: center; align-items: center; text-align: center;}

#waterfish > .water {
width:100%; 
height:auto; 
position: absolute;
top:10px;
left:0;
}

.water img {
width:60%; 
height:auto;  
clip-path: circle(50% at 50% 50%); z-index:3; }

#waterfish > .fish {
width:100%; 
height:auto;
padding-top:2%; 
position: absolute; 
top:0;
left:0;}

.fish img {
width:60%;
}