body{
margin:0;
font-family:'Segoe UI',sans-serif;
background:#a5e4ff;
text-align:center;
}

header{
background:#6ecbf5;
padding:15px;
color:white;
font-size:22px;
box-shadow:0 2px 8px rgba(0,0,0,.2);
}

#aquarium{
position:relative;
width:100%;
height:75vh;
background:linear-gradient(#7fd8ff,#1fa3db);
overflow:hidden;
border-top:4px solid white;
}

.fish{
position:absolute;
cursor:pointer;
transition:transform .3s;
}

.fish img{
width:100%;
pointer-events:none;
}

.fish-name{
position:absolute;
top:-14px;
width:100%;
font-size:12px;
color:white;
opacity:.6;
}

.fish:hover{
transform:scale(1.1);
}

.bubble{
position:absolute;
background:white;
padding:8px 12px;
border-radius:15px;
font-size:13px;
box-shadow:0 2px 6px rgba(0,0,0,.2);
}