// Animations on load
@media screen and (prefers-reduced-motion: no-preference) {
    .appear-from-top {
        animation: fadeIn .2s var(--timing-function);
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(-1rem);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}