@import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body { 
    background-color: #242424;
    color: #f7f7f7;
    font-family: 'Roboto', sans-serif;
}

/* Styles pour le toast notification */
#welcome-toast {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

#welcome-toast.opacity-0 {
    opacity: 0;
}

/* Styles pour les boutons */
button a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Styles d'animations légères pour les interactions */
.rounded-full img,
.flex-shrink-0 img {
    transition: transform 0.3s ease;
}

.flex-shrink-0:hover img {
    transform: scale(1.05);
}