body{
        /* background-color: rgb(255, 242, 242); */
        background: linear-gradient(#fff7f7, #f2fcff) ;
        display: grid;
        place-items: center;
        margin: 0px;
        padding: 0px;
        overflow-x: hidden;
        font-family: Raleway;
       
    }

    
:root {
    --font-main: Amatic SC;
  }
*{
  -webkit-tap-highlight-color: transparent;
}
  .logo{
    width: 200px;
    margin: 10px 0px;
}

.top{
    width: 100%;
    display: grid;
    place-items: center;
    margin: 20px 0px;
}
a{
    outline: none;
    color: black;
    text-decoration: none;
}
.backToShop{
  
    background-color: white;
    text-align: center;
    padding: 10px 20px;
    font-size: 12px;
    border-radius: 20px;
}

.allProd{
    display: grid;
    place-items: center;
    width: 100%;
}

.prodCart{
display: grid;
width: 90%;
max-width: 500px;
grid-template-areas: "image top top"
"image quant price";
grid-template-columns: 30% 40% 30%;
margin: 10px 0px;
border-radius: 10px;
background-color: rgb(255, 247, 247);
padding: 5px;
box-shadow: rgb(185, 185, 185) 2px 2px 2px;
}
.del{
    width: 30px;
}
.name-close{
    display: grid;
    place-items: center;
    grid-template-columns: 80% 20%;
    grid-area: top;
}
.cartImg{
    width: 100%;
   
}
.imagePlace{
    display: grid;
    place-items: center; 
    grid-area: image; 
    width:80%;
    padding: 5px;
}

.plus{
    width: 30px;
    height: 30px;
    color: green;
    font-size: 25px;
    border: green 1px solid;
    display: grid;
    place-items: center;
    border-radius: 50%;
    padding: 0px;
    margin: 0px;
    user-select: none;
    text-align: center;
}
.minus{
    width: 30px;
    height: 30px;
    color: rgb(255, 0, 0);
    font-size: 22px;
    border: rgb(255, 0, 0) 1px solid;
    display: grid;
    place-items: center;
    border-radius: 50%;
    padding: 0px;
    margin: 0px;
    user-select: none;
}
.quant{
    display: grid;
    place-items: center;
    grid-template-columns: 33% 34% 33%;
    grid-area: quant;
}

.prodPrice{
    display: grid;
    place-items: center;
    grid-area: price;
}