@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/roboto-v30-latin-regular.woff2) format('woff2');
}











body {
            font-family: 'Roboto', sans-serif;
            background-color: #000; /* Couleur de fond en noir */
            color: #fff; /* Couleur de texte en blanc */
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            text-align: center;
            animation: fadeIn 1s ease-in-out; /* Animation fadeIn */
        }

        h2 {
            color: #fff; /* Couleur de titre en blanc */
            font-size: 2em; /* Taille de police plus grande */
            margin-bottom: 10px; /* Espacement en bas */
        }

        p {
            margin: 10px 0;
            color: #fff; /* Couleur de paragraphe en blanc */
            line-height: 1.6; /* Espacement des lignes */
        }

        a {
            color: #fff; /* Couleur de lien en blanc */
            text-decoration: none;
            font-weight: bold;
            transition: color 0.3s ease; /* Transition de couleur */
        }

        a:hover {
            color: #bbb; /* Changement de couleur au survol */
        }

        /* Animation fadeIn */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }