@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 navButtonInBlue{
    0% {
        background-color: #eee;
        transform: scale(1);
    }
    100%{
        background-color: #788bec;
        transform: scale(1.15);
    }
}

@keyframes navButtonOutBlue{
    0% {
        background-color: #788bec;
        transform: scale(1.15);
    }
    100% {
        background-color: #eee;
        transform: scale(1);
    }
}