.filters div.minmax{
    display: flex;
}
.filters div.minmax input{
width: 50%;
}
.filters h3{
    text-align: center;
}
.productcard{
background-color: rgb(233, 196, 196)!important;
border-radius: 10px;
max-height: 150px;
position: relative;
transition: all .1s ease;
font-family: sans-serif;
cursor: pointer;
padding-top: .1em;
overflow: auto;
}
.bottom{
    display: flex;
    flex-direction: row;
    width: calc(100%);
    justify-content: space-between;
}
.productcard:hover{
    background-color: rgb(221, 171, 171)!important;
}
h1{
    margin-top: 4em;
    text-align: center;
    font-family: sans-serif;
}
.catagoryType{
    display: inline-flex;
    place-content: center;
    padding: 4em;
    border-radius: 20px;
    transition: .2s ease all;
}
.catagoryType img{
    width: 12vw;
    height: 12vw;
}
.catagorys{
    width: 100%;
    height: 50vh;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.skull{
    background-color: rgb(180, 180, 180);
}
.skull:hover{
    background-color:rgb(150, 150, 150) ;
}
.burger{
    background-color: rgb(212, 144, 144);
}
.burger:hover{
    background-color: rgb(228, 176, 176);
}
h4{
    text-align: center;
    font-family: sans-serif;
    font-size: 20px;
}
.deadcolor{
    background-color: gainsboro!important;
}
.deadcolor:hover{
    background-color: rgb(192, 192, 192)!important;
}

.radiorow{
    display: flex;
}
.desctext{
    color: rgb(102, 102, 102);
}
.pricetext{
    position: absolute;
    right: 10px;
    bottom: 1px;
    margin-bottom: 0;

}
.hiddenArrow::-webkit-outer-spin-button,.hiddenArrow::-webkit-inner-spin-button{
    /* https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp */
    /* Chrome, Safari, Edge, Opera */
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.hiddenArrow[type=number] {
  -moz-appearance: textfield;
}
.signingtext{
    position: absolute;
    left: 10px;
    bottom: 1px;
    margin-bottom: 0;

}