html, body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    font-family: monospace;
    background: url('24Br.gif') no-repeat center center fixed; 
    background-size: cover;
    color: #0f0;
    cursor: url('souris.webp'), auto; /* Ajout du curseur personnalisé ici */
}

.matrix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none; /* Empêche le fond d'interférer avec les clics */
}

.matrix span {
    color: #0f0;
    font-size: 1em;
    opacity: 0.5; /* Rend le texte moins intense */
    animation: matrix-animation 5s linear infinite;
}

@keyframes matrix-animation {
    from { transform: translateY(-100%); }
    to { transform: translateY(100%); }
}

.container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.24); /* Semi-transparence pour l'arrière-plan du conteneur */
}

.btneee {
    color: white; /* Définit la couleur du texte à blanc */
}

.typewriter {
    display: inline-block;
    overflow: hidden; /* Garde le contenu caché */
    border-right: .15em solid black; /* Le curseur pour l'effet typewriter */
    white-space: nowrap; /* Empêche le texte de passer à la ligne */
}

@keyframes blinkCaret {
    from, to { border-color: transparent; }
    50% { border-color: black; }
}

.typewriter::after {
    content: '|';
    font-weight: bold;
    animation: blinkCaret .75s step-end infinite;
}