$primary: #e1306c;
$dark: #484848;
$white: #ffffff;

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    50% {
        opacity: 0.7;
    }
    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}

@keyframes bannerPulse {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        transform: scale(3);
        opacity: 0;
    }
}

@keyframes upDown {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px); /* Yukarı hareket */
    }
}

@keyframes leftRight {
    0%,
    100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(20px); /* Sağa hareket */
    }
}

@keyframes downUp {
    0%,
    100% {
        top: 20%;
    }
    50% {
        top: 50%; /* Sağa hareket */
    }
}