html {
    scroll-behavior: smooth;
}

img {
    transition: transform 0.5s ease;
}

img:hover {
    transform: scale(1.02);
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 768px) {
    h1 {
        font-size: 2.2rem !important;
    }
}