@keyframes arrow {
    from {
        top: 0;
    }

    to {
        top: 10px;
    }
}

@keyframes hero_pic {
    from {
        filter: drop-shadow(0px 0px 2px var(--primary));
        -webkit-filter: drop-shadow(0px 0px 2px var(--primary));
    }

    to {
        filter: drop-shadow(0px 0px 7px var(--bg));
        -webkit-filter: drop-shadow(0px 0px 7px var(--bg));
    }
}

@keyframes hero_btn {
    from {
        box-shadow: 0 0 2px 1px #041c32;
    }

    to {
        box-shadow: 0 0 5px 2px #041c32;
    }
}