body {
    margin: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, Helvetica, sans-serif;
    color: white;

    /* Paste your copied Unsplash image link inside the quotes below */
    background-image: url("https://images.unsplash.com/photo-1772927025210-fe2c684b3c49?q=80&w=2060&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.container {
    background: rgba(0,0,0,0.55);
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    /* Widened to 450px to fit the timer on one line */
    width: 450px; 
    max-width: 90%; 
    backdrop-filter: blur(6px);
}

#club-name {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px; 
    color: #247e8d; 
    margin-top: 0;
    margin-bottom: 15px;
}

#title {
    font-size: 28px;
    margin-bottom: 10px;
}

#timer {
    /* Scaled down slightly to 50px */
    font-size: 50px; 
    font-weight: bold;
    margin: 20px 0;
    /* Forces the timer text to stay on one row */
    white-space: nowrap; 
}

.buttons span {
    background: #ff2d55;
    padding: 8px 18px;
    border-radius: 20px;
    font-weight: bold;
}

#info {
    opacity: 0.8;
    margin-top: 10px;
}