html {
    scroll-behavior: smooth;
  }

@keyframes bounce {
    0% {
        transform: translateY(0px);
    }

    50%{
        transform: translateY(30px)
    }

    100%{
        transform: translateY(0px)
    }
}

.text-blur {
    filter: blur(1.5rem);
    transform: scale(1.2, 1.2);
    transition: all 1s ease-in-out;
}

.text-blur.animate {
    filter: blur(0rem);
    transform: scale(1, 1);
}

.fade-left {
    transform: translate(2rem, 0rem);
    opacity: 0;
    transition: all 0.6s ease-out;
}

.fade-left.animate {
    transform: translate(0rem, 0rem);
    opacity: 1;
}

.object-show {
    opacity: 0;
    transition: all 0.6s ease-out;
}

.object-show.animate {
    opacity: 1;
}