@keyframes in{
    0% {
        position: absolute;
        left: -48.85rem;
    }
    75% {
        position: relative;
        left: 1rem;
    }
    100% {
        position: relative;
        left: 0;
    }
}

@keyframes out{
    0% {
        position: relative;
        right: 0;
    }
    100% {
        position: absolute;
        right: -48.85rem;
    }
}

@keyframes buttonShadow{
    0% {
        box-shadow: 0 0 0 0 #ea9295c5;
    }
    60% {
        box-shadow: 0 0 0 0.375rem #ea9295c5;
    }
    100% {
        box-shadow: 0 0 0 0.375rem #ea929500;
    }
}

@keyframes navButtonInRed{
    0% {
        background-color: #ababab;
    }
    100%{
        background-color: #f6373e;
    }
}

@keyframes navButtonOutRed{
    0% {
        background-color: #f6373e;
    }
    100% {
        background-color: #ababab;
    }
}