@keyframes navButtonInRed{
    0% {
        background-color: #ddd;
        background-image:none;
        transform: scale(1);
    }
    100%{
        background-image: linear-gradient(-102deg, #fd6859, #fbbd9c);
        transform: scale(1.15);
    }
}

@keyframes navButtonOutRed{
    0% {
        background-image: linear-gradient(-102deg, #fd6859, #fbbd9c);
        transform: scale(1.15);
    }
    100% {
        background-color: #ddd;
        background-image:none;
        transform: scale(1);
    }
}

@keyframes shakeWrapper{
    0% {
        transform: translateX(+20%);
    }
    33% {
        transform: translateX(-20%);
    }
    66% {
        transform: translateX(+10%);
    }
    100% {
        transform: translateX(-10%);
    }
}