.trigger-fade-up {
    animation: fade-up 0.75s ease forwards;
}

@keyframes fade-up {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.trigger-fade-in-onload {
    animation: fade-in-onload 1s ease forwards;
}

@keyframes fade-in-onload {
    from { opacity: 0 }
    to { opacity: 1 }
}

/*title typing animation on load*/
@keyframes typing {
    from {
        width: 0
    }
}

@keyframes blink {
    50% {
        border-color: transparent
    }
}