body,html{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#ececec}.app{display:flex;flex-direction:column;justify-content:center;gap:1rem}.status{margin-bottom:1rem;color:red;font-size:1rem;font-weight:700}.login{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#add8e6}.welcome-message{margin-bottom:1rem;color:#009acd;font-weight:700;font-size:2rem;text-align:center}.login-form{display:flex;flex-direction:column;line-height:2;padding:1rem;max-width:45rem;min-width:25rem;border:.2rem solid #009ACD;background-color:#fff}.username-label{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.username-input{flex:1}.login-button{padding:.2rem;margin-top:1rem;border:.05rem solid #009ACD;border-radius:.5rem;color:#fff;background-color:#00bfff;cursor:pointer;font-size:1rem;font-weight:700}.login-button:hover{background-color:#009acd}.status{margin-top:1rem;color:red;font-size:1rem;font-weight:700}.header{text-align:center}.product-image{width:5rem;height:5rem;cursor:pointer}.product-description{white-space:pre-line}.products{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center;gap:5rem;padding:2rem}.product{grid-column:span 1;padding:1.5rem;width:100%;max-width:30rem;border:.05rem solid #ddd;border-radius:.5rem;background-color:#fff;text-align:center;list-style-type:none}.product-item{max-width:30rem}.product img{width:100%;height:auto;border-radius:.2rem}.product p{margin:.5rem;color:#34495e;font-size:1.1rem;font-weight:700}@media screen and (min-width: 44rem){.products{grid-template-columns:repeat(4,1fr)}.product{grid-column:span 1;width:100%}}.header{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:2rem;background-color:#00bfff}.navigation{display:flex;gap:3rem;align-items:center}.app-nav{gap:2rem}.app-nav a{gap:2rem;margin:1rem;text-decoration:none;font-size:1.2rem;font-weight:700}.app-nav a:hover{padding:.8rem;background-color:#009acd}.store-heading{flex:1;text-align:center;font-weight:700;font-size:1.5rem}.logout{position:absolute;left:1rem;border:.1rem solid #FF4500;border-radius:.5rem;background-color:tomato;color:#fff;font-size:1.2rem}.logout:hover{background-color:#ff4500;cursor:pointer}.cart{display:flex;align-items:center}.cart img{width:2rem;height:2rem}.cart-count{margin-right:1rem;font-size:1rem;font-weight:700}@media screen and (min-width: 44rem){.header{flex-direction:row}}.description{margin-top:.2rem;white-space:pre-line;line-height:1.6}.product-detail{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.5rem;margin:2rem}.description-title{margin-bottom:.3rem;font-weight:700}.product-info{display:flex;flex-direction:column;gap:.5rem;flex-wrap:wrap;text-align:left}.product-price{font-weight:700}.item-image{margin:5rem;min-width:15rem;min-height:15rem}.product-quantity{margin-bottom:5rem}.product-name{font-weight:700;font-size:1.2rem}.view-cart{display:inline-block;max-width:8rem;padding:.2rem;margin-top:1rem;border:.1rem solid #FFC300;border-radius:.7rem;background-color:gold;color:#000;text-align:center;font-weight:700;font-size:1rem}.view-cart:hover{background-color:#ffc300;cursor:pointer}.quantity-label{font-weight:700}@media screen and (min-width: 44rem){.product-detail{flex-direction:row}.item-image{width:30rem;height:30rem}}.description{margin-top:.4rem;white-space:pre-line;line-height:1.6}.cart-page{display:flex;flex-direction:column;justify-content:flex-start;gap:2rem}.cart-items{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin:0 auto;list-style-type:none}.cart-item{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem;border-bottom:.1rem solid black}.cart-image{margin-top:2rem;margin-right:2rem;width:7rem;height:7rem}.item-quantity{margin-bottom:5rem}.item-name{font-weight:700;font-size:1.2rem}.cart-checkout{display:flex;flex-direction:column;justify-content:center;align-items:center}.total-price{margin-right:1rem;font-weight:700;font-size:1.2rem}.checkout{display:inline-block;padding:.5rem;margin-top:1rem;margin-bottom:2rem;border:.1rem solid #FFC300;border-radius:.7rem;background-color:gold;color:#000;text-align:center;font-weight:700;font-size:.9rem}.checkout:hover{background-color:#ffc300;cursor:pointer}.cart-empty{font-weight:700;font-size:1.2rem}.confirm-order{font-weight:700;font-size:1.1rem}*,*:before,*:after{box-sizing:border-box}.checkout-page{display:flex;flex-direction:column;justify-content:center;align-items:center}.checkout-form{margin-top:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:50vh;padding:1.5rem;width:100%;max-width:30rem;border:.2rem solid green;background-color:#fff}.checkout-form label{display:flex;flex-direction:column;width:100%;font-weight:700}.address-input{line-height:2}.place-order{display:inline-block;padding:.5rem;margin-top:1rem;border:.1rem solid #218838;border-radius:.5rem;background-color:#28a745;color:#fff;text-align:center;font-weight:700;font-size:.9rem}.place-order:hover{background-color:#218838;cursor:pointer}.details{color:#218838;font-weight:700;font-size:1.2rem}.payment-option{color:#218838;font-weight:700;font-size:1.1rem}