body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    font-family: 'Prompt', Arial, sans-serif;
    /* font-family: Arial, sans-serif; */
    /* background-color: #f4f4f9; */
}

.counter-container {
    text-align: center;
}

.counter-title {
    font-size: 1.3rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px; /* Space below the title */
    text-align: center; /* Center-align the title */
}

.counter-subtitle {
    font-size: 1.0rem;
    color: #333;
    margin-top: 20px; /* Optional: Space above subtitle */
    margin-bottom: 10px; /* Space between subtitle and digits */
    text-align: center; /* Center-align the subtitle for consistency */
}

.counter-number {
    display: flex;
    justify-content: center;
    gap: 5px; /* Spacing between digits */
}

.digit {
    font-size: 1.2rem; /* Smaller font size */
    /*font-weight: bold;*/
    color: #ff69b4; /* Pink text */
    background-color: transparent; /* Transparent background */
    border: 2px solid #ff69b4; /* Pink border */
    width: 24px;
    height: 32px;
    display: flex; /* Flexbox for centering content */
    justify-content: center; /* Horizontally center digit */
    align-items: center; /* Vertically center digit */
    border-radius: 6px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); /* Subtle, smaller shadow */
}