.countdown-container {
    text-align: center;
    font-family: 'Segoe UI', sans-serif;
    margin-top: 10px;
    animation: schriftzugAnimation 2s both 1s;
}

.countdown {
    margin-top: 4rem;
    display: flex;
    justify-content: center;
    gap: 20px;
    font-size: 1rem;
}


    .countdown div {
        background-color: #f9f9f9;
        padding: 10px 15px;
        border-radius: 25px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }

    .countdown span {
        font-weight: bold;
        font-size: 2rem;
        display: block;
    }

    .countdown small {
        font-size: 0.8rem;
        color: #777;
    }
.event-started {
    padding: 0.3rem;
    font-family: "Tangerine";
    color: white;
    font-size: 4rem;
    text-shadow: 2px 2px 2px black;
    background-color:rgba(0,0,0, 0.2)
;}

@keyframes schriftzugAnimation {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}