html,
body {
    height: 100%;
}

.bg {
    background-size: cover;
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-image: url(../images/accueil.png);
}

.bg img {
    width: 100%;
    height: auto;
}

.card {
    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%);
}

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

.btn {
    display: flex !important;
    margin-top: 20px;
    margin-left: 70px;
    width: 121px;
}

.bttn-unite.bttn-primary {
    border-color: #cb9360 !important;
    color: #cb9360;
}

.bttn-unite.bttn-primary:focus,
.bttn-unite.bttn-primary:hover {
    background: #cb9360;
    color: #fff;
}

.bttn-unite.bttn-primary::before {
    background: #cb9360 !important;
}

.bttn-unite.bttn-primary::after {
    background: #c69e7b !important;
}

.logo {
    margin: auto
}

a {
    text-align: center;
}