body {
   margin-bottom: 30em;
   background-color: var(--red_default);
}
.top_bar {
   position: fixed;
   display: flex;
   align-items: center;
   padding-left: 1em;
   padding-right: 2em;
   width: 100%;
   height: 4em;
   top: 0;
   background-color: black;
   z-index: 3;
   margin-top: 5em;
   overflow-x: scroll;
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE and Edge */
}
.top_bar::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
.top_category_button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    border-radius: 100vw;
    padding: 0.3em;
    padding-right: 1em;
    opacity: 0.7;
    margin-right: 1em;
    background-color: var(--grey);
    
}
.top_category_button img {
    width: 1.8em;
    height: 1.8em;
    margin-right: 0.5em;
    background-color: var(--red_default);
    border-radius: 100vw;
    padding: 0.3em;
}
.selected {
    outline: 2px solid white;
    opacity: 1;
}
.product_list {
    border-top: 4px solid var(--grey);
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    
    width: 100%;
    padding-top: 2em;
    padding-bottom: 2em;
}