body {
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000; /* Fond noir */
}

.container {
    display: flex; /* Permet de centrer l'image à l'intérieur du conteneur si nécessaire */
    justify-content: center;
    align-items: center;
    width: 250px; /* Le conteneur prend 80% de la largeur de la fenêtre */
    height: 250px; /* Le conteneur prend 80% de la hauteur de la fenêtre */
}

img {
    max-width: none; /* L'image ne dépassera jamais la largeur de son conteneur */
    max-height: none; /* L'image ne dépassera jamais la hauteur de son conteneur */
    width: 80%;    /* Conserve les proportions de l'image en largeur */
    height: 80%;   /* Conserve les proportions de l'image en hauteur */
    display: block;
}

.copyright {
    position: fixed; /* Positionne l'élément par rapport à la fenêtre du navigateur */
    bottom: 10px; /* Le positionne à 10 pixels du bas */
    left: 0;
    width: 100%;
    text-align: center; /* Centre le texte horizontalement */
    font-size: 0.8em; /* Taille de police plus petite pour la discrétion */
    color: #555; /* Couleur de texte grise pour la discrétion */
    opacity: 0.7; /* Légère transparence pour plus de discrétion */
}

.fa-envelope {
    font-size: 1.2em; /* Ajustez la taille selon vos besoins */
    color: #your-color; /* Choisissez votre couleur */
}

img[alt="Email"] {
    width: 16px; /* Ajustez la taille selon vos besoins */
    height: 16px;
}

.email-link {
    color: #fff; /* Couleur blanche pour le lien */
    text-decoration: none; /* Supprime le soulignement par défaut */
}

.email-link:hover {
    color: #eee; /* Légèrement plus clair au survol pour un effet */
    text-decoration: underline; /* Ajouter un soulignement au survol pour l'indication */
}

.email-link:active {
    color: #ccc; /* Encore plus clair pendant le clic */
}

.email-link:visited {
    color: #ddd; /* Légèrement grisé après avoir été visité */
}