*{
     margin: 0px;
     padding: 0px;
}
.header{
     height: 70px;
     width: 100%;
     background-color: rgb(138, 134, 134);
     line-height: 70px;
}
h1{
     margin-left:50px ;
     display:inline-block;
     width: 30%;
     vertical-align: top;
}
.search{
     height: 70px;
     width: 40%;
     /* background-color:lightblue ; */
     display: inline-block;
     padding: 0px 20px 0px 0px;
     /* padding-left: 30%; */
}
.search input{
     height: 30px;
     width: 100%;
     text-indent: 20px;
     border: rgb(247, 243, 243);
     border-radius: 8px;
     padding: 15px 20px;
     outline: none;
}
.products{
     width: 100%;
     height: auto;
     background-color:rgba(238, 231, 231, 0.795);
}
.product{
     height:auto;
     width:25%;
     border: 1px solid rgb(143, 137, 137);
     border-radius: 5px;
     /* background-color: rgb(114, 114, 235); */
     display:inline-block;
     margin-top: 40px;
     margin-left: 6.6%;
     margin-bottom: 25px;
     padding-bottom: 5px;
}
.productwrapper{
     height: auto;
     width: 80%;
     /* background-color: chartreuse; */
     margin-left: 10%;
     margin-bottom: 50px;
     /* border: 3px solid black; */
}
.prodimg{
     height:auto;
     width: 100%;
     /* background-color: darkgoldenrod; */
     overflow: hidden;
}
.product h3,.product p{
     padding-top: 3px;
     padding-left: 8px;
     /* border: 3px black; */

}
.product p{
     color: darkred;
}
button{
     padding: 8px;
     border-radius: 5px;
     /* padding-bottom: 5px; */
}
.carts{
     border: 1px solid black;
     width: 80%;
     margin-left: 10%;
     color: green;
     padding-bottom: 30px;
     height: auto;
     background-color: rgb(201, 200, 200);
}
.carts h1{
     font-size: 40px;
     color: rgb(23, 23, 24);
     margin-left: 45%;
}
.carts h4{
     margin-left: 16%;
     padding-bottom: 20px;
}
#purchase{
     font-size: 20px;
     background-color:cornflowerblue;
     margin-left: 16%;
}
#purchase:hover{
     background-color: rgb(82, 238, 82);
     color:rgb(250, 142, 79);
     /* padding-bottom:20px ; */
}
.product button:hover{
     background-color: rgb(93, 189, 253);
     color: rgb(243, 40, 26);
}