body {
    background: url('../img/background.jpg') no-repeat center center fixed;
    background-size: cover;
}

.auth-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.auth-inner {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    width: 100%;
    max-width: 400px; /* Adaptez cette valeur pour changer la largeur du formulaire */
}

@media (max-width: 768px) {
    .auth-inner {
        max-width: 95%;
    }
}

@font-face {
    font-family: 'MoreSugar';
    src: url('/fonts/MoreSugar-Regular.otf') format('opentype'),
         url('/fonts/MoreSugar-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.no-underline-link {
    font-family: 'MoreSugar', sans-serif;
    text-shadow: 0 0 5px #FFD700, 0 0 10px #FFFFFF, 0 0 15px #FFFFFF;
    color: inherit; /* Conserver la couleur du texte parent */
    text-decoration: none; /* Supprimer le surlignage */
}

.btn-rounded-bottom {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.custom-img-size {
        width: 50px; /* définissez la largeur souhaitée */
        height: auto; /* permet à la hauteur de s'ajuster proportionnellement */
    }