/* แอนิเมชันเบลอ */
@keyframes blur-black-pulse {
    0% {
        filter: blur(0px);
        opacity: 1;
    }

    50% {
        filter: blur(5px);
        opacity: 0.5;
        /* ทำให้ดูจางลงเล็กน้อย */
    }

    100% {
        filter: blur(0px);
        opacity: 1;
    }
}

/* ข้อความสีดำพร้อมเบลอ */
/* .blur-text-black {
    font-size: 1rem;
    color: #000;
    animation: blur-black-pulse 3s infinite ease-in-out;
} */

.blur-text-black {
    font-size: 1rem;
    color: #000;
    filter: blur(5px);
    /* ตั้งค่าความเบลอ */
    transition: filter 0.5s ease-in-out;
    /* เพิ่มเอฟเฟกต์การเปลี่ยน */
}

/* เมื่อเมาส์ไปชี้ให้หายเบลอ */
.blur-text-black:hover {
    filter: blur(0);
    /* หายเบลอ */
    cursor: pointer;
}

/* พื้นหลังแบบเรียบง่าย */
.bg-simple {
    background: #f8f9fa;
    /* สีพื้นหลังเทาอ่อน */
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}