.connexion,
.inscription {
    background-color: var(--navbar-color);
    border-radius: 6px;
    box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
    color: var(--font-color);
    display: block;
    padding: 1.25rem;
    width: calc(100% - 2rem);
    margin: auto;

    @include respond-to("small-up") {
       width: 65%;
    }
    @include respond-to("medium-up") {
       width: 35%;
    }
}