body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #000; /* Fond de la page en noir */
    color: #fff; /* Couleur du texte en blanc pour le contraste */
}

.container {
    display: flex;
    flex-direction: column; /* Met à jour la direction pour que la photo soit au-dessus du texte */
    align-items: center; /* Centre horizontalement les éléments */
    justify-content: center; /* Centre verticalement les éléments */
    height: 90vh;
    padding: 20px;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2); /* Ombre plus claire pour le conteneur */
    background-color: rgba(255, 255, 255, 0.1); /* Fond du conteneur légèrement opaque pour le contraste */
}

.profile-photo {
    width: auto;
    height: 40vh; /* 15% de la hauteur de la fenêtre */
    border-radius: 50%; /* pour une photo ronde */
    object-fit: cover; /* pour s'assurer que l'image est bien recadrée */
    margin-bottom: 20px; /* espace entre la photo et le texte */
}

.text-content {
    max-width: 600px; /* largeur maximale du texte */
    text-align: justify; /* Justifie le texte */
}

h1 {
    margin-top: 0;
    text-align: center; /* Centre le titre sous la photo */
}