@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');

/* Hintergrundbild mit dunklem, taktischem Look */
body {
    background: url('cs2-background.png') no-repeat center center fixed;
    background-size: cover;
    color: #FFD700; /* Gelber Text für den gesamten Inhalt */
    font-family: 'Orbitron', sans-serif;
    text-align: center;
    margin: 0;
    padding: 0;
}

/* Hauptcontainer */
.container {
    background: rgba(0, 0, 0, 0.8);
    width: 60%;
    margin: 100px auto;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(255, 215, 0, 0.6);
    border: 2px solid #FFD700;
}

/* Titel */
h1 {
    font-size: 2em;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* Stats-Box */
.stats-box {
    background: rgba(50, 50, 50, 0.9);
    padding: 20px;
    border-radius: 8px;
    display: inline-block;
    width: 80%;
}

/* Zahlen-Anzeige */
p {
    font-size: 1.8em;
    font-weight: bold;
    margin: 10px;
    color: #FFD700; /* Gelbe Zahlen wie der Rest */
}

/* Zahlen-Links (gelb wie der restliche Text) */
p a {
    color: #FFD700; /* Gelbe Farbe für die Links */
    text-decoration: none;
    font-weight: bold;
}

/* Hover-Effekt für Zahlen-Links: Unterstrichen */
p a:hover {
    text-decoration: underline;
}

/* Animation für Zahlen */
p::after {
    content: " 🔫";
    animation: blink 1.5s infinite;
}

/* Blinker-Animation */
@keyframes blink {
    50% { opacity: 0.5; }
}