html, body {
    height: 100%;
    margin: 0;
}

body {
    /* Assurez-vous que l'image d'arrière-plan couvre toute la page */
    background-image: url("/img/back.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Pour que l'image reste fixe lors du défilement */
}

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Assure que la carte est centrée verticalement */
}

.card {
    max-width: 500px; /* Ajustez selon vos besoins */
    width: 100%;
    border: 2px solid #ddd; /* Bordure personnalisée de la carte */
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombre portée pour donner un effet de profondeur */
}

.card-body {
    background-color: #fff; /* Couleur de fond blanche pour le contenu de la carte */
}

.footer {
    background-color: #f8f9fa;
    color: #6c757d;
    border-top: 1px solid #dee2e6;
    font-size: 0.875rem;
    padding: 0.5rem 0;
}