style.css

/* Custom styles that can't be easily done with Tailwind */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Animation for player cards */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.player-card {
    animation: fadeIn 0.3s ease-out forwards;
}

/* Position color coding */
.position-QB {
    border-left: 4px solid #3B82F6;
}

.position-RB {
    border-left: 4px solid #10B981;
}

.position-WR {
    border-left: 4px solid #F59E0B;
}

.position-TE {
    border-left: 4px solid #8B5CF6;
}

.position-DST {
    border-left: 4px solid #EF4444;
}

.position-FLEX {
    border-left: 4px solid #EC4899;
}