@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0');

@import './reset.css';
@import './variables.css';
@import './_components/index.css';
@import './dashboard.css';
@import './login.css';

body {
    font-family: var(--font-family);
    font-size: var(--font-size);
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; visibility: hidden; }
}

.page-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #5c0db7 0%, #510a9e 25%, #4b0a8d 50%, #4f0c91 75%, #500c92 100%);
    z-index: 9999; /* High z-index to ensure it's above everything */
    animation: fadeOut 1s ease-out forwards;
    animation-delay: 0.5s; /* Delay before animation starts */
}