*{margin:0;padding:0}.App{text-align:center}section{margin:10px}body{background-color:#cadce2}input{border:1px solid #ccc;border-radius:5px;color:#333;font-size:16px;margin:5px;padding:10px;width:90%}label{color:#333;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;margin:5px 5px 5px 10px}img{border-radius:15px;margin:10px 10px 10px 40px;padding:7px;text-align:left;width:40%}h2{color:#287951;font-family:Graduate,serif;font-size:35px;font-weight:700;margin-bottom:30px;text-align:center}h1{margin-bottom:30px}.myH,h1{color:#3e5359;font-family:Graduate,serif;font-size:50px;overflow:hidden;text-align:center;text-decoration:underline}header{background-color:#15675f;color:#135a6c;margin-bottom:30px;padding:12px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;height:40px;justify-content:space-between;margin:0 auto;width:100%}.logo{color:#3498db;display:block;font-size:28px;font-weight:700;width:15%}nav ul{display:flex;list-style:none}nav li{margin-right:20px}nav a,nav li{position:relative}nav a{color:#d3edeb;font-family:Graduate,serif;font-size:20px;text-decoration:none;transition:color .3s ease-in-out}nav a:after{background-color:#d3edeb;bottom:-5px;content:"";display:block;height:2px;position:absolute;transition:width .3s ease-in-out;width:0}.logos{display:block;float:right;margin-left:1000px;width:3%}nav a:hover{color:#fff}nav li:hover a:after{width:90%}.userInput{color:#24427a;font-weight:700;text-decoration:underline}.ops{color:#9c3030;margin-top:50px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fContainer{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:auto auto auto auto;justify-items:center;margin-left:100px;margin-top:100px;text-align:center}.myLogo{display:flex;grid-column:span 3;width:25%}.myHL{color:#fff;font-size:25px;margin-top:30px;text-align:center;text-decoration:none}.landingF,form{display:grid;grid-column:span 3}#address,#confirmPassword,#email,#fName,#number,#password{padding:8px;width:90%}.submit{background-color:#51a185;border:none;color:#fff;cursor:pointer;font-size:16px;margin-left:65px;text-align:center;width:50%}.submit:hover{background-color:#333}.myBacks{color:#164b30;font-family:Arial,Helvetica,sans-serif;font-size:15px;margin-top:10px;text-decoration:underline}.myBacks:hover{color:#0080ff;text-decoration:none}.pImage{display:flex;flex-direction:column;margin-top:-540px;width:40%}.divider{background-color:#0e6e7e;height:100vh;margin:-693px 560px 0 auto;width:3px}.pImage img{margin-left:300px;width:60%}.fPara{background-color:#a6cbd3;border-radius:10px;color:#12283b;font-family:Patua One,serif;font-size:18px;height:210px;line-height:28px;margin-left:100px;margin-top:-10px;padding:20px;text-align:left;width:50%}.home-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-container,.item-home{align-items:center;display:flex;grid-column:span 4;justify-content:center}.item-home{flex-direction:row;flex-wrap:wrap;padding:10px}.categories{border-radius:25px;justify-content:center;margin:10px;width:25%}.categories,.item-container{align-items:center;display:flex;padding:20px}.item-container{background-color:#fff;border:2px solid #fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);flex-direction:column;grid-column:span 4;margin:20px;text-align:center;width:20%}.prod{margin:20px auto;max-width:300px;width:90%}.prod,.prods{display:block}.prods{margin:0 auto;width:70%}.error{border:2px solid red}.pTag{color:#0aa10a;font-size:18px}.pTag,.pTags{font-family:Patua One,serif;margin:10px}.pTags{color:#010101;font-size:15px}.item-container p{color:#138768;font-family:Patua One,serif;font-size:17px;margin-bottom:10px}.cartImg{border:none;cursor:pointer;display:inline-block;margin:0 auto;width:50%}.cartBtn{background-color:#fff;border:none}.item-container .myButton{background-color:#5b925e;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin-top:15px;padding:10px 15px;transition:background-color .3s ease;width:30%px}.myButton:hover{background-color:#135a6c}.myButtons{background-color:#5b925e;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-family:Graduate,serif;font-size:18px;margin:-25px auto 30px;padding:10px 15px;text-align:center;text-decoration:none;transition:background-color .3s ease;width:20%}.myButtons:hover{background-color:#135a6c}.itemHeader{letter-spacing:1px;margin-bottom:15px;margin-top:10px}.itemHeader,.itemHeaders{color:#333;font-family:Arvo,serif;font-size:16px;font-weight:700;text-align:center;text-transform:uppercase}.itemHeaders{margin-right:60px}.banner{align-items:center;border-radius:25px;display:flex;justify-content:center;margin:-50px auto 0;padding:20px;text-align:center;width:90%}.cart-container{grid-gap:10px;background-color:#fff;border-radius:15px;display:grid;gap:10px;grid-template-columns:1fr 2fr 1fr;margin:50px;text-align:center}.item-image{display:inline-block;width:50%}.item-details{justify-content:space-around;padding:10px}.item-details,.remove-btn{align-items:center;display:flex}.remove-btn{justify-content:center}.action-buttons{align-items:center;display:flex;margin-left:140px}.rBtn{background-color:#e74c3c}.aBtn,.rBtn{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-right:8px;margin-top:10px;padding:8px 12px}.aBtn{background-color:#3ca3e7}.rBtn:hover{background-color:#4acb4a}.checkout-link{align-items:center;display:flex;justify-content:center}.userContainer{grid-gap:10px;display:grid;gap:10px;grid-template-columns:auto auto auto;place-items:center;text-align:center}.userForm{background-color:#f4f4f4;border-radius:20px;box-shadow:3px 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:500px;justify-content:center;padding:10px;text-align:left;width:30%}.myUser{margin:-10px auto 20px}.myUser,.myUsers{background-color:#3498db;border-radius:5px;color:#fff;display:block;font-family:Arial,Helvetica,sans-serif;font-size:15px;padding:8px;text-align:center;text-decoration:none;width:40%}.myUsers{margin:20px auto 0}.purchaseHistory{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:20px auto;max-width:600px;padding:20px}.purchaseHistory h2{color:#333;font-size:24px;margin-bottom:15px}.purchaseHistory ul{list-style:none;margin:0;padding:0}.purchaseHistory li{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin-bottom:15px;padding:10px}.purchaseHistory li:hover{background-color:#e6e6e6}.purchase-image{display:inline-block;width:10%}.checkout-container{grid-gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);display:grid;gap:20px;grid-template-columns:auto auto auto;margin:20px auto;max-width:800px;padding:20px}.total-cost{background-color:#a9d0db;border:1px solid #ddd;border-radius:8px;margin-bottom:70px;padding:20px}.total-cost p{color:#000}.user-info{background-color:#a9d0db;border:1px solid #ddd;border-radius:8px;padding:20px}.user-info p{color:#09641d}.payment-info{display:flex;flex-direction:column;justify-content:right}.payment-form h2,.total-cost h2,.user-info h2{color:#282c34;margin-bottom:40px}.payment-form label{margin-bottom:8px}.payment-form input,.payment-form select{box-sizing:border-box;margin-bottom:10px;padding:8px;width:100%}.payment-form button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.purchase-link{text-decoration:none}.return-link{align-items:center;display:flex;justify-content:center;margin:20px auto 0;text-align:center;width:400px}.userP{font-size:30px;margin-top:40px;text-transform:uppercase}.edit-profile-container{display:grid;place-items:center}.edit-container{grid-gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);display:grid;gap:20px;grid-template-columns:auto auto auto auto;margin:20px auto;max-width:900px;padding:20px}.form-group{margin:20px}.right-column .form-group{margin-left:30px;margin-top:22px}.form-group input{width:100%}h3{font-size:16px}.button-group{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin:0 auto}.bReturn{background-color:#30597e;color:#fff;display:block;font-size:18px;margin:0 auto;text-decoration:none;width:100px}.bReturn,.discard-button,.submit-button{border:none;border-radius:5px;cursor:pointer;padding:10px 20px;text-align:center}.discard-button,.submit-button{font-size:16px}.submit-button{background-color:#30597e;color:#fff}.discard-button{background-color:#ff5151;color:#333;color:#fff}.submit-button:hover{background-color:#214323}.discard-button:hover{background-color:#999}.info-section{align-items:center;justify-content:center;margin:30px auto 0}.info-section p{font-size:19px}.info-label{color:#070707;font-family:Patua One,serif;font-size:18px;margin:10px}.forgot-password-container{align-items:center;display:flex;height:100vh;justify-content:center}.forgot-password-form{grid-gap:16px;background-color:#b8daff;border:1px solid #ccc;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);display:grid;gap:16px;grid-template-columns:1fr;padding:20px;text-align:center}.form-title{font-size:24px;margin-bottom:10px;text-align:center}.form-description{color:#312b2b;font-size:16px;grid-column:span 3}.password-form{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.form-label{text-align:left}.form-input{box-sizing:border-box;padding:8px;width:100%}.purchase-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:auto auto auto;margin:20px auto;max-width:800px;padding:20px}.return-box,.summary-box{border:1px solid #ddd}.delivery-box,.return-box,.summary-box{background-color:#fff;border-radius:8px;padding:20px}.delivery-box{height:130px}.summary-box{flex:1 1;margin-right:20px}.summary-box h2{font-size:1.5rem;margin-bottom:10px}.summary-box ul{list-style:none;padding:0}.summary-box li{align-items:center;display:flex;margin-bottom:10px}.item-images{height:50px;margin-right:10px;width:50px}
/*# sourceMappingURL=main.1da3b78f.css.map*/