html *{
    font-family: Montserrat, sans-serif;
    font-size: 1.3rem;
}

html p{
    letter-spacing: 1px;
    word-spacing: 4px;
    line-height: 20px;
}

#menu_section nav li a{
    font-weight: bold;
}

#menu_section nav ul{
    margin:0;
}

#menu_section aside .my_menu_icons{
    font-size: 1.5rem;
}

.my_search_button:hover{
    cursor: pointer;
}

a:hover{
    text-decoration: none;
}

#footer_section{
    font-size: 1.2rem;
}

.list-group {
        max-width: 225px;
        margin: auto;
        left: 0;
        right: 0;
        padding-top: 20px;
    }

#cart_items_badge{
    position: relative;
    width: 1.2ex;
    height: 1.2ex;
    right:25%;
    top:-1.2ex;
    z-index: 1;
    color: white;
    font-weight: normal;
    background-color: rgba(18, 155, 53, 0.8);
    padding: 0.5ex;
    border-radius: 50% 2%;
}

#cart_items_badge:not(:hover){
    animation: my_blinking 3s linear running;
    animation-iteration-count: infinite;
}

@keyframes my_blinking {
    10%{opacity: 0.3;}
    20%{opacity: 0.6;}
    30%{opacity: 1;}
    90%{opacity: 1;}
    100%{opacity: 0;}
}

.js-action-add-cart{
    cursor: pointer;
}