@import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Intel+One+Mono:ital,wght@0,300..700;1,300..700&display=swap');

.bg-op {
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(5px);
}

.epage{
    color: orangered;
}

#userMenuDesktop {
    margin-top: -4px; /* Remonte légèrement le menu pour toucher le bouton */
    padding-top: 10px; /* Ajoute du padding interne pour garder la zone réactive */
}

@media (max-width: 764px) {
    .list {
        display: block !important;
        .listitem{
            width: 100% !important;
            margin-bottom: 1rem !important;
        }
    }
}
#join_role {
    display: flex;
    flex-direction: row;
}