cart.css

body {
     margin: 0px;
     padding: 0px;
     font-family: 'Roboto', sans-serif;
     background-color: #f2f2f2;
 }
 
 header {
     width: 100%;
     height: 60px;
     padding: 0px;
     margin: 0px;
     display: flex;
     align-items: center;
     justify-content: start;
 }
 
 header button {
     margin: 0px;
     padding: 0px;
     height: 60px;
     width: 100px;
     border: none;
     background-color: transparent;
     font-size: 15px;
 }
 header button:hover {
     background-color: #444444;
     color: white;
     transition: 0.6s;
 }
 
 header p {
     margin: 0px 0px 0px 10px;
     padding: 0px;
     font-size: 18px;
     font-weight: 600;
 }
 
 #parent {
     height: 80vh;
     width: 100%;
     margin: 0px;
     padding: 0px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 #left {
     height: 100%;
     width: 60%;
     margin: 0px;
     padding: 0px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     background-color: #f2f2f2;
 }
 
 #right {
     height: 100%;
     width: 40%;
     margin: 0px;
     padding: 0px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }
 
 #amount,
 #right h2,
 button,
 input {
     margin: 0px 0px 10px 0px;
     width: 80%;
     height: 50px;
     padding: 0px;
 }
 
 #right h2 {
     font-size: 2rem;
 }
 
 #right input {
     background-color: transparent;
     border: 1px solid grey;
     padding: 0px 0px 0px 10px;
     outline: none;
 }
 
 #amount {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 
 #amount p {
     margin: 0px;
     padding: 0px;
 }
 
 #right button {
     border: none;
     outline: none;
     background-color: #ff3b21;
     color: #fff;
     font-size: 1.2rem;
     cursor: pointer;
     transition: all 0.3s ease;
 }
 
 
 #productp {
     height: 100px;
     width: 92%;
     padding: 0px;
     margin: 10px 0px 0px 0px;
     background-color: #f2f2f2;
     display: flex;
     align-items: center;
     justify-content: space-between;
     border: 1px solid grey;
 }
 
 #productdetails {
     width: 30%;
 }
 
 #productdetails p {
     margin: 10px 0px 10px 20px;
     padding: 0px;
 }
 
 #fillers {
     width: 30%;
     margin: 0px;
     padding: 0px;
 }
 
 #fillers p {
     margin: 10px 0px 10px 20px;
     padding: 0px;
 }
 
 
 #image {
     width: 70px;
     margin: 0px;
     padding: 0px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 #image img {
     margin: 0px;
     padding: 0px;
     width: 50px;
     height: 70px;
     object-fit: cover;
 }