/* =========================
   FADE UP
========================= */

.fade-up {

    animation: fadeUp 1s ease forwards;

}

@keyframes fadeUp {

    from {

        opacity: 0;
        transform: translateY(40px);

    }

    to {

        opacity: 1;
        transform: translateY(0);

    }

}

/* =========================
   FLOATING IMAGE
========================= */

.floating-image {

    animation: floatImage 8s ease-in-out infinite;

}

@keyframes floatImage {

    0% {

        transform: translateY(0px);

    }

    50% {

        transform: translateY(-12px);

    }

    100% {

        transform: translateY(0px);

    }

}

/* =========================
   BUTTON HOVER
========================= */

.btn-primary,
.btn-secondary {

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}

.btn-primary:hover,
.btn-secondary:hover {

    transform: translateY(-4px);

}

.btn-primary:hover {

    box-shadow:
        0 20px 40px rgba(183,154,173,.25);

}