/* Logo */

@keyframes heartbeat-logo {
    0% {
        transform: scale(1);
    }
    5% {
        transform: scale(1.03);
    }
    15% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.03);
    }
    35% {
        transform: scale(1.01);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes heartbeat-shadow {
    0% {
        transform: scale(1.03);
        opacity:0;
    }
    25% {
        opacity:0;
    }
    26% {
        transform: scale(1.03);
        opacity:1;
        animation-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
    }
    100% {
        transform: scale(1.06);
        opacity:0;
    }
}

/* Cursors */

@keyframes cursor-circle {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* Sections - Shop */

@keyframes section-shop-anim {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(20.5%);
    }
}


/* Sections - Darkmode */

@keyframes section-darkmode-sun-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes section-darkmode-moon-effect {
    0% {
        opacity: 1;
        clip-path: circle(50% at 130% 50%);
        /* transform: translate(.26em, -.12em); */
    }
    100% {
        opacity: 1;
        clip-path: circle(50% at -30% 50%);
        /* transform: translate(-.26em, .12em); */
    }
}