/**** EASED HOVERS ****/
.creative-eased, 
.creative-eased .list-item, 
.creative-eased a {
    transition: all linear 0.2s;
}

/**** ARROW BOUNCE ****/
body:not(.finetune) .creative-cover:hover .down-arrow{
    -webkit-animation: bounce 2s infinite; 
    animation: bounce 2s infinite;
}

@keyframes bounce{
    0%, 100%   {bottom: 0; opacity:1; }
    50% {bottom: -1rem; opacity:0.7; }
}

@-webkit-keyframes bounce{
    0%, 100%   {bottom: 0; opacity:1; }
    50% {bottom: -1rem; opacity:0.7; }
}

/**** SHADOWS ****/
.creative-shadow-dark {
    box-shadow: 1px 1px rgb(0, 0, 0),
        2px 2px rgb(0, 0, 0),
        3px 3px rgb(0, 0, 0),
        4px 4px rgb(0, 0, 0),
        5px 5px rgb(0, 0, 0);
}

.creative-shadow-light {
    box-shadow: 1px 1px rgb(255, 255, 255),
        2px 2px rgb(255, 255, 255),
        3px 3px rgb(255, 255, 255),
        4px 4px rgb(255, 255, 255),
        5px 5px rgb(255, 255, 255);
}