html {
    scroll-behavior: smooth
}

body {
    overflow-x: hidden
}

.site-reveal {
    animation: siteReveal .55s ease both
}

@keyframes siteReveal {
    from {
        opacity: 0;
        transform: translateY(12px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }

    .site-reveal {
        animation: none
    }
}

@media (max-width: 768px) {

    h1,
    h2 {
        font-size: 28px !important;
    }
}