/* Class .section: khối bao ngoài */
      .section {
        background-color: #FFF8E1; /* Màu nền nhạt */
        padding-top: 50px; /* Khoảng cách bên trên */
        padding-bottom: 80px; /* Khoảng cách bên dưới */
        text-align: center; /* Căn giữa nội dung theo chiều ngang */
        font-family: "Be Vietnam Pro", sans-serif; /* Font chữ Be Vietnam Pro */
      }

      /* Class .title: tiêu đề lớn */
      .title {
        font-size: 48px; /* Cỡ chữ lớn */
        font-weight: 700; /* Độ đậm (bold) */
        color: #192335; /* Màu chữ xanh đậm */
      }

      /* Class .box: mỗi danh mục (thẻ a) */
      .box {
        display: inline-block; /* Hiển thị dạng khối nhưng vẫn nằm ngang được */
        margin-left: 15px; /* Khoảng cách bên trái */
        margin-right: 15px; /* Khoảng cách bên phải */
        text-decoration: none; /* Bỏ gạch chân mặc định của thẻ a */
        /* Ghi chú: thẻ a mặc định có gạch chân, nên bỏ đi để đẹp hơn */
      }

      /* Ảnh bên trong .box */
      .box img {
        width: 110px; /* Chiều rộng ảnh */
        height: 400px; /* Chiều cao ảnh */
        border-radius: 12px; /* Bo góc ảnh thành hình chữ nhật bo tròn */
        object-fit: cover; /* Cắt ảnh vừa khung, không méo */
        /* Tương tự background-size: cover nhưng áp dụng cho thẻ img */
      }

      /* Tiêu đề nhỏ (tên danh mục) trong .box */
      .box h3 {
        font-size: 20px; /* Cỡ chữ vừa */
        color: #192335; /* Màu chữ xanh đậm */
        font-weight: 400; /* Đậm hơn bình thường */
        margin-top: 10px; /* Khoảng cách phía trên chữ */
        margin-bottom: 5px; /* Khoảng cách phía dưới chữ */
      }

      /* Khi hover vào .box: đổi màu chữ h3 */
      .box:hover h3 {
        color: #2f57ef; /* Màu xanh lam */
      }

      /* Đoạn mô tả (p) trong .box */
      .box p {
        font-size: 14px; /* Cỡ chữ nhỏ */
        color: #6b7385; /* Màu chữ xám nhạt */
        margin-top: 0; /* Không có khoảng cách phía trên */
        margin-bottom: 0; /* Không có khoảng cách phía dưới */
      }

/* Hoa mai rơi */
.flower{
    position:fixed;
    top:-10px;
    font-size:20px;
    animation:fall linear infinite;
    z-index:999;
}

@keyframes fall{
    to{
        transform:translateY(110vh);
    }
}