body {
    background-image: url('images/team_background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.countdown-container {
    text-align: center;
    margin: 5vh 2vw;
    padding: 2vh 2vw;
    background: rgba(255, 255, 255, 0.8); /* Arka planı biraz şeffaf yaparak kontrastı artırdım */
    border-radius: 10px;
    max-width: 90vw;
}

h1 {
    color: #333;
    margin-bottom: 2vh;
    font-size: 4vw; /* Ekran genişliğine göre yazı boyutunu ayarladım */
}

#countdown {
    display: flex;
    justify-content: center;
    gap: 1vw; /* Aradaki boşluğu dinamik yaptım */
}

.time-box {
    margin: 0;
    padding: 2vh 2vw; /* Ekran boyutuna göre padding ayarladım */
    background: #0e3959;
    color: #fff;
    border-radius: 8px;
    text-align: center;
}

.time-box span {
    display: block;
    font-size: 6vw; /* Ekran genişliğine göre zaman boyutunu ayarladım */
}

.label {
    margin-top: 1vh;
    font-size: 2vw; /* Ekran genişliğine göre etiket boyutunu ayarladım */
    text-transform: uppercase;
    color: #e2e2e2;
}

.redirect-button {
    margin-top: 2vh;
    padding: 1.5vh 3vw; /* Ekran boyutuna göre düğme boyutunu ayarladım */
    background-color: #0e3959;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 3vw; /* Ekran genişliğine göre düğme yazı boyutunu ayarladım */
}

.redirect-button:hover {
    background-color: #00bcd4;
}