@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

.reveal {
    animation: fadeUp .8s ease-out both;
}

@keyframes slowPan {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.08);
    }
}

#hero img {
    /* animation: slowPan 20s ease-in-out infinite alternate; */
}

details[open] summary {
    color: #7a2e1f;
}

html {
    scroll-behavior: smooth;
}

@media (max-width: 768px) {

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