feat: forgot cart.css from source branch

client/css/cart.css

+@import url('https://fonts.googleapis.com/css?family=Inter');
+
+*{
+    margin: 0;
+    padding: 0;
+    font-family: Inter;
+    box-sizing: border-box;
+    transition: 0.5;
+}
+
+.container{
+    position: relative;
+    max-width: 100%;
+    height: 100vh;
+    mix-blend-mode: multiply;
+    background-position: center;
+    background-size: cover;
+    display: block;
+    place-items: center;
+}
+
+.cart-group{
+    padding-top: 10%;
+    display: block;
+    /* background-color: red; */
+}
+
+.cart-group h1{
+    margin-bottom: 10px;
+    margin-left: 5%;
+    font-size: 30px;
+}
+
+.cart-list{
+    /* border-style: solid; */
+    border-radius: 10px;
+    margin-left: 5%;
+    margin-right: 5%;
+    display: block;
+}
+.item{
+    margin: 15px;
+    border-radius: 10px;
+    background-color: #eaeaea;
+    padding: 1%;
+    display: flex;
+}
+.item-picture-group{
+    display:inline-block;
+    min-width: 20%;
+    min-height: 15vw;
+    background-color: azure;
+    border-radius: 10px;
+    margin: 10px;
+}
+.item-text-fields{
+    display:inline-block;
+}
+/* .item-picture{} */
+.item-label{
+    display: block;
+    margin: 10px;
+}
+
+.button-field {
+    display:flex;
+    padding: 10px;
+    justify-content: right;
+}
+
+#checkout-button {
+    cursor: pointer;
+    color: white;
+    background-color: rgb(137, 62, 137);
+    min-width: 25%;
+    height: 10vh;
+    font-size: 20px;
+    border-radius : 10px;
+    border-color: transparent;
+    margin-right: 15px;
+    margin-bottom: 15px;
+}
+
+@media screen and ((max-width: 400px) or (max-height: 750px)) {
+    .cart-group{
+        height: 750px;
+    }
+}
\ No newline at end of file