@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

main {
    text-align: center;
    padding-right: 50px;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #fdfbf7;
    color: #1f2937;
}

.blog-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.container{
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
@media(max-width: 768px){
    body{
        font-size:14px;
    }
    .container{
        padding:10px;
    }
}

.blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.category-pill {
    transition: all 0.2s ease;
}

.category-pill:hover {
    background-color: #4f46e5;
    color: white;
}

.active-pill {
    background-color: #4f46e5;
    color: white;
}

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

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

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

::-webkit-scrollbar-thumb:hover {
    background: #4f46e5;
}

.auto-style1 {
    text-align: center;

}