body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom, #68c8ff, #006994);
    overflow: hidden;
}

.aquarium {
    width: 100vw;
    height: 100vh;
    position: relative;
}

.fish {
    width: 150px;
    position: absolute;
    animation: swim 15s linear infinite;
}

.fish-body {
    fill: #ff6b6b;
    stroke: #ff5252;
    stroke-width: 2;
}

.fish-eye {
    fill: #333;
}

.tail {
    fill: #ff6b6b;
    stroke: #ff5252;
    stroke-width: 2;
    animation: waggle 0.5s ease-in-out infinite;
}

@keyframes swim {
    0% {
        transform: translate(-150px, 50vh);
    }
    100% {
        transform: translate(100vw, 50vh);
    }
}

@keyframes waggle {
    0%, 100% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(5deg);
    }
}