/* 1. 이미지에 애니메이션 속성 적용 */
.img_move {
    /* 애니메이션이름 | 지속시간 | 가속도(smooth) | 무한반복 | 왕복 */
    animation: gentleFloat 1.5s ease-in-out infinite alternate;
    width: 200px;
}

/* 2. 움직임(키프레임) 정의 */
@keyframes gentleFloat {
    0% {
        /* 초기 위치: 제자리, 회전 없음 */
        transform: translateY(0) rotate(0deg);
    }
    100% {
        /* 100% 위치: 위로 12px 이동, 오른쪽으로 1.5도 회전 */
        transform: translateY(-12px) rotate(1.5deg);
    }
}

#whale-stat-title {
    background: #040b1b;
    border-bottom: 1px solid #2a3458;
    margin-bottom: 50px;
    padding: 40px 0px 40px 100px;
}
.whale-stat-title-text {
    color: #fff;
    font-size: 100px;
    font-weight: 700;
    margin-left: 20px;
}

.whale-stat-title-count {
    display: inline-block;
    color: #38bdf8;
    font-size: 50px;
    font-weight: 700;
    margin-left: 80px;
    padding: 20px 0px 0px 0px;
}
.whale-stat-title-count span {
    font-size: 30px;
    color: #cbd5e1;
    padding-left: 10px;
}









.whale-chart {
    color: #dfdfdf;
    text-align: right;
    padding: 10px 15px;
}
.whale-rotate {
    display: inline-block;
    background: #040b1b;
    border: 1px solid #2a3458;
    border-radius: 4px;
    color: #dfdfdf;
    margin: 0px 80px;
    padding: 10px 25px;
}