.gold-gradient-text {
    background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

@keyframes fadeInTop {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

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

@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

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

.animate-fade-in-top {
    animation: fadeInTop 1.0s ease-out forwards;
}

.animate-fade-in-bottom {
    animation: fadeInBottom 1.0s ease-out 0.5s forwards;
    /* 0.5s delay */
    opacity: 0;
    /* Ensures it starts hidden */
}