/* Utilisation de la police Orbitron pour un style futuriste */
body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: black;
    font-family: 'Orbitron', sans-serif;
    color: #ffffff;
    overflow: hidden;
}

.container {
    text-align: center;
}

h1 {
    font-size: 4rem;
    color: #000000;
    text-align: center;
    text-shadow: 
        0 0 15px #8a2be2, /* Ombre légère violet foncé */
        0 0 25px #4b0082, /* Violet indigo plus intense */
        0 0 35px #1e90ff, /* Bleu électrique plus doux */
        0 0 45px #ffffff, /* Lueur blanche pour ajouter de la profondeur */
        0 0 55px #8a2be2; /* Couche supplémentaire pour mysticisme */
    animation: glow 2s ease-in-out infinite alternate; /* Animation de pulsation douce */
}

@keyframes glow {
    0% {
        text-shadow: 
            0 0 10px #8a2be2, 
            0 0 20px #4b0082, 
            0 0 30px #1e90ff, 
            0 0 40px #ffffff, 
            0 0 50px #8a2be2;
    }
    100% {
        text-shadow: 
            0 0 20px #8a2be2, 
            0 0 30px #4b0082, 
            0 0 40px #1e90ff, 
            0 0 50px #ffffff, 
            0 0 60px #8a2be2;
    }
}

/* Animation et superposition d'images d'arrière-plan */
body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('img/space1.jpg') no-repeat center center/cover;
    z-index: -2;
    opacity: 0.7;
    animation: fade 10s infinite;
}

body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 20%;
    background: url('img/space2.png') no-repeat center center/cover;
    z-index: -3;
    opacity: 0.2;
    animation: fade 10s infinite reverse;
}

/* Animation pour un effet de transition entre les images */
@keyframes fade {
    0% { opacity: 0.4; }
    50% { opacity: 0.2; }
    100% { opacity: 0.4; }
}