html,
body {
    height: 100%;
}

.card {
    width: 419px;
    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%);
}

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

.card-body {
    width: 431px;
}

.btn {
    display: flex !important;
    margin-left: 140px;
    width: 101px;
    margin-top: 3vh;
}

.btn-primary {
    background-color: #6ba7b5 !important;
    border-color: #6ba7b5!important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #6ba7b5 !important;
    border-color: #6ba7b5 !important;
}

.btn-primary:focus {
    color: #fff;
    background-color: #6ba7b5 !important;
    border-color: #6ba7b5 !important;
    box-shadow: 0 0 0 .2rem #6ba7b5 !important;
}

a {
    text-align: center;
}

#titre {
    text-align: center;
}

.logo {
    margin: auto;
}


/* .mail {
    margin: auto;
} */


/* .btn-primary {
    background: linear-gradient(to bottom right, #0393f4, #29f1e8);
    border: none;
    box-shadow: 3px 5px 5px rgba(33, 31, 31, 0.2);
} */


/* .nav-link {
    color: linear-gradient(to bottom right, #0393f4, #29f1e8);
} */