* {
            margin: 0;
            padding: 0;
            box-sizing: border-box; /* Ensures elements are sized as expected */
        }
        .timming {
            width: 100%;
            top:0; /* Adjusted width for better fit */
            display: flex;
            justify-content: space-between; /* Space out the left and right divs */
            align-items: flex-start;
            /* border:2px solid red; */
        }
        .left-side, .right-side {
            width: 49.5%; /* Set width of both sides to fit side-by-side */
            padding: 20px; /* Added some padding for aesthetics */
            text-align: center;
            border: 5px solid;
            border-style: double;
            border-radius: 10px;
            font-weight: bold;
            margin-top:20px;
        }
        .left-side {
            border-color: darkred;
        }
        .right-side {
            border-color: darkred;
        }
        .blinking {
      color: darkred;
      font-size: 18px;
      border-bottom: 2px solid darkred;
      padding-bottom: 10px;
      /* animation: blink 1s infinite step-start; */
    }

    @keyframes blink {
      0%, 100% {
        opacity: 1;
        font-size: 20px;
      }
      50% {
        opacity: 0;
        font-size: 20px; /* Increase font-size */
      }
    }

        /* Media Query for Mobile Devices (max-width: 768px) */
        @media (max-width: 768px) {
            .timming {
                flex-direction: column; /* Stack the divs vertically */
                align-items: center; /* Center the items */
                border: none; /* Optionally remove border for smaller screens */
            }
            .left-side, .right-side {
                width: 90%; /* Make the sides take full width */
                margin-bottom: 20px; /* Space between left and right sides */
                border: 3px solid; /* Adjust border size for smaller screens */
            }
        }

        /* Media Query for Extra Small Devices (max-width: 480px) */
        @media (max-width: 480px) {
            .left-side, .right-side {
                width: 100%; /* Make both sides take full width */
                padding: 15px; /* Reduce padding */
            }
            .timming {
                width: 100%;
            }
        }