body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.navbar-brand {
    font-size: 35px;
}

a:hover{
      opacity: .5;
}


.product-fav{
    background-position: center;
    background-size: 90%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.product-liked{
    background-image: url('/icons/liked.webp');
}

.product-unliked{
    background-image: url('/icons/unliked.webp');
}

.product-unliked:hover{
    background-image: url('/icons/liked.webp');
}

.product-liked:hover{
    background-image: url('/icons/unliked.webp');
}