@layer utilities {
    .time_box {
        @apply w-20 h-20 rounded-md flex justify-center items-center; /* h-20 instead of h-19 */
    }

    .span_design {
        @apply mb-6 text-2xl font-bold font-serif text-amber-300 tracking-wide drop-shadow-lg italic underline decoration-wavy decoration-amber-400 animate-pulse;
    }

    .clock_frame {
        @apply flex justify-evenly items-center m-2 h-[100px] w-[85%] bg-white rounded-md sm:w-[80%] flex-wrap;
    }
}


.backgruond_image{

    background-image:url("./images/background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    
}

.parent_bg{
        background-image:url("./images/pexels-googledeepmind-17485657.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}