/* --------------------------------------------------- Main Style --------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
body, html {
    overflow-x: hidden;
    /* width: 100vw; */
}


.text-accent-gradient {
    display: inline-block!important;
    color: transparent !important;
    /* background-color: red; */
    background: linear-gradient( rgba(115, 4, 252, 1) 0%, rgba(184, 20, 94, 1) 200%);
    /* background: radial-gradient(circle,rgba(115, 4, 252, 1) 30%, rgba(184, 20, 94, 1) 47%, rgba(255, 255, 255, 0) 70%)!important; */
    background-clip: text;
    -webkit-background-clip: text;
    animation: text-accent-move 8s linear infinite;
	font-style: normal;

}

@keyframes text-accent-move {
    0% {
        background-position:  0 0;
    }
    
    50% {
        background-position:  -0.5em -0.5em;
    }
    
    100% {
        background-position: 0em 0em;
    }
}


.large-shadow{
    box-shadow: 10px 15px 60px rgba(0,0,0,0.25);
}
.large-shadow-img{
    box-shadow: 15px 15px 40px rgba(0,0,0,0.35);
    border-radius: 10px;
}


/* --------------------------------------------------- Animazioni --------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */

.custom-animation-floating {
    animation: custom-animation-floating 3s ease-in-out infinite;
}

@keyframes custom-animation-floating {
    0% {
        transform: translateY(0);
    }

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

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

.custom-animation-floating-sm {
    animation: custom-animation-floating-sm 5s ease-in-out infinite;
}

@keyframes custom-animation-floating-sm {
    0% {
        transform: translateY(0);
    }

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

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


.custom-animation-pulse {
    animation: custom-animation-pulse 5s ease-in-out infinite;
}

@keyframes custom-animation-pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}