body {
    position: relative;
}

/* .hero-container{
    background-image: url('../assets/images/hero-img.webp');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
} */

/* .hero-bg{
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(4,0,4,1) 0%, rgba(100,43,115,1) 90% );
} */

/* .hero-logo{

} */

.scroll-btn {
    animation: hoverScreen 4s ease infinite;
}

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

    50% {
        transform: translateY(-60px);
    }

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

}