html {
    scroll-behavior: smooth;
}

body {
    background-color: #0d1117;
    background-image: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(120, 119, 198, 0.3), #0D1117);
}

#news-container {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}

@media (max-width: 400px) {
    #news-container {
        grid-template-columns: 1fr;
    }
}

::-webkit-scrollbar {
    width: 8px;
    background-color: #111827;
}

::-webkit-scrollbar-thumb {
    background-color: #4b5563;
    border-radius: 10px;
    border: 2px solid #111827;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #6b7280;
}