.card {
    display: none;
    position: fixed;
    z-index: 9999;
    width: 318px;
    align-items: center;
    border-radius: 15px;
    box-shadow: 10px 5px 5px rgba(33, 31, 31, 0.7);
    margin: auto;
    /* poussé de la moitié de hauteur de viewport */
    margin-top: 50vh;
    /* tiré de la moitié de sa propre hauteur */
    transform: translateY(-50%);
    top: 0px;
    left: 50vw;
    margin-left: -159px;
}

.card-title {
    margin: auto;
    margin-top: 7px;
}

#connexion {
    display: flex !important;
    margin-top: 20px;
    margin-left: 85px;
    width: 102px;
}

.cross{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}