.ShowSmallNav{
    animation: ShowSmallNav 1s ease 1 forwards;
}
@keyframes ShowSmallNav{
    0%{
            top: -250px;
    }
    100%{
        top: 50px;

    }
}

.HideSmallNav{
    animation: HideSmallNav 2s ease 1 forwards;
}
@keyframes HideSmallNav{
    0%{
            top: 50px;
    }
    100%{
        top: -250px;

    }
}

.OnScrollMenu{
  background-color: #ffffff;
  
}

.backgroundOne{
    background-image: radial-gradient(circle at center center, rgba(33,33,33,0),rgb(226,224,224)),repeating-linear-gradient(135deg, rgb(226,224,224) 0px, rgb(226,224,224) 1px,transparent 1px, transparent 4px),repeating-linear-gradient(45deg, rgb(255,255,255) 0px, rgb(255,255,255) 5px,transparent 5px, transparent 6px),linear-gradient(90deg, rgb(226,224,224),rgb(226,224,224));
}

.BackgroundImageHandler{
    background-size: 100% 100%;
    background-position: center;
}

.ShowCart{
    animation: ShowCart 1s ease 1 forwards;
}

@keyframes ShowCart{
    0%{
        right: -700px;
    }
    100%{
        right: 0px;
    }
}

.HideCart{
    animation: HideCart 1s ease 1 forwards;
}

@keyframes HideCart{
    0%{
        right: 0px;
    }
    100%{
        right: -700px;
    }
}