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

@layer base {
    html {
        font-family: 'Manrope', sans-serif;
    }
    body::-webkit-scrollbar {
        width: 12px; 
    }
    body::-webkit-scrollbar-track {
        background: #F7F7FF;   
    }
    body::-webkit-scrollbar-thumb {
        background-color: #EF4444;    
        border-radius: 20px;      
        border: 2px solid #F7F7FF;  
    }
    *::selection {
        color: #fff;
        background-color: #EF4444;
    }
}