/* Resetowanie domyślnych styli */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}

/* Gradientowe tło i centrowanie zawartości */
body {
    background: linear-gradient(135deg, #004d00, #00b300, #66ff66); /* Gradient ciemnozielony do jasnej zieleni */
    display: flex;
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    height: 100vh; /* Pełna wysokość ekranu */
    text-align: center; /* Wyśrodkowanie tekstu */
    overflow: hidden; /* Ukrywa przewijanie */
}

/* Stylowanie kontenera z grafiką i tekstem */
.center-image-text {
    display: flex;
    flex-direction: column; /* Ustawienie grafiki i tekstu pionowo */
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}

/* Stylowanie obrazka z animacją */
.center-image-text img {
    max-width: 500px; /* Zmniejszona maksymalna szerokość obrazka */
    max-height: 500px; /* Zmniejszona maksymalna wysokość obrazka */
    width: 100%;
    height: auto;
    margin-bottom: 10px; /* Odstęp między obrazkiem a tekstem */
    animation: float 3s ease-in-out infinite; /* Dodanie animacji */
}

/* Animacja ruchu góra-dół */
@keyframes float {
    0% {
        transform: translateY(0); /* Początkowa pozycja */
    }
    50% {
        transform: translateY(-10px); /* Przesunięcie do góry */
    }
    100% {
        transform: translateY(0); /* Powrót do początkowej pozycji */
    }
}

/* Gradientowy tekst */
.center-image-text .soon-text {
    font-size: 28px; /* Zmniejszony rozmiar czcionki */
    font-family: 'Press Start 2P', cursive; /* Retro czcionka */
    text-transform: uppercase;
    background: linear-gradient(90deg, #aaffaa, #228822);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Stylowanie ikony Discord */
.discord-icon i {
    font-size: 48px; /* Rozmiar ikony */
    color: #4caf50; /* Jasny zielony */
    display: inline-block;
    text-align: center;
    line-height: 1;
}
.discord-icon:hover {
    color: #388e3c; /* Ciemniejszy zielony po najechaniu */
}