body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

header, footer {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

nav a {
    transition: color 0.3s ease;
}

article {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

article:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

h1, h2, h3 {
    font-weight: 700;
}

a:hover {
    color: #34d399;
}