h1.title{
    text-shadow: #989898 1px 0 10px;
    color: rgba(225, 225, 225, 1);
    font-size: 7vh;
}
main {
}
div.title{
    background: rgba(54, 54, 54, 0.5)
}
body {
    background-image: url("../image/pozadie.jpg");
    background-position: center;
    background-size: contain;
}
article div.container {
    background-color: rgba(236, 236, 236, 0.85);
    max-width: 90vw;
    min-height: 25vw;
}

.carousel-item {
    height: 40vh;
}
img.title{
    width: 100%;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.50) 0 -23px 25px 0 inset, rgba(0, 0, 0, 0.30) 0 -36px 30px 0 inset, rgba(0, 0, 0, 0.1) 0 -79px 40px 0 inset, rgba(0, 0, 0, 0.06) 0 2px 1px, rgba(0, 0, 0, 0.09) 0 4px 2px, rgba(0, 0, 0, 0.09) 0 8px 4px, rgba(0, 0, 0, 0.09) 0 16px 8px, rgba(0, 0, 0, 0.09) 0 32px 16px;
}

#inputQuantity {
    max-width: 3rem
}

img.item_picture{
    width: 100%;
    height: 225px;
    object-fit: cover;
}
h1.lead{
    font-size: 3rem;
    font-weight: bold;
    height: 5vh;
    color: rgba(0, 0, 0, 0.8);
}
.empty{
    height: 30vh;
}

#sidebar{
    width: 15%;
    float: left;
}
.category{
    font-size: 0.9rem;
    cursor: pointer;
}
a.category{
    color: black;
    text-decoration: none;
    height: 100%;
    width: 100%;
}
.list-group-item{
    border: none;
    padding: 0.3rem 0.4rem 0.3rem 0;
}
img.profile{
    width: 40%;
    height: 40%;
}