@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
    .custom-scroll::-webkit-scrollbar {
        width: 8px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
        background-color: white;
        border-radius: 20px;
        border: 2px solid #1f2937;
    }
}

html {
    font-family: 'Manrope', sans-serif;
}

.EmojiPickerReact.epr-dark-theme {
    --epr-bg-color: #1f2937 !important;
}

*::-webkit-scrollbar-thumb {
    background-color: white;
    border-radius: 20px;
    border: 2px solid #1f2937;
}
*::-webkit-scrollbar {
    width: 8px;
}