*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body,#root{margin:0;padding:0;height:100vh;width:100vw;display:flex;flex-direction:column;gap:var(--main-spacing);font-family:Roboto Slab,Playfair Display,system-ui,sans-serif,Arial}header{height:15%}nav{border-bottom:1px solid rgb(233,233,233);display:flex;align-items:center}.branding{display:flex;justify-content:center;align-items:center;font-size:var(--font-size);color:var(--primary)}nav h1,.material-symbols-outlined{font-size:calc(var(--font-size) + 4px);padding:var(--main-spacing)}.material-symbols-outlined{font-size:calc(var(--font-size)*2);color:var(--complementary);position:relative}.cart-badge{position:absolute;right:3px;top:7px;background-color:var(--primary);border-radius:50%;padding:2.5px 5px;font-size:var(--font-size);transition:opacity .3s ease,transform .3s ease;animation:bounce 1.5s infinite;color:#fff;background:var(--complementary)}ul{list-style:none;display:flex;gap:var(--main-spacing)}ul li{font-size:calc(var(--font-size) + 2px);margin-right:calc(var(--main-spacing)/2)}main{height:75vh;padding:var(--main-spacing);display:flex;flex-direction:column;gap:var(--main-spacing);justify-content:flex-start;align-items:center;overflow-y:auto}.homeImage{width:100%;margin:var(--main-spacing) 0 var(--main-spacing) 0}.imageText{display:inline-flex;align-items:center;gap:var(--main-spacing);flex-direction:row-reverse;background:var(--complementary);width:100%;color:#fff;height:4rem;padding:2rem;font-weight:600;line-height:1.8;font-size:12px;justify-content:center}main h2{font-size:calc(var(--font-size)*2)}.intro,.intermediary,.writeToUs{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:calc(var(--main-spacing));max-width:var(--max-width);line-height:var(--line-height)}.services>h2{margin-bottom:var(--main-spacing)}#services-header{margin-right:calc(var(--main-spacing)*3)}.navLink{text-decoration:none;color:var(--border-col);font-weight:600}.navLink:hover{font-weight:800;color:var(--primary)}.intermediary{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%}.intermediary section{display:flex;flex-direction:column;justify-content:center;align-items:center}.writeToUs{flex-grow:1;display:flex;flex-direction:column;width:100%;justify-content:flex-start;align-items:center;gap:var(--main-spacing)}.userInput{width:100%;resize:none;outline:none;border:none;padding:calc(var(--main-spacing) / 2);font-size:var(--font-size);color:var(--border-col);font-family:inherit;color:green}.userInput::placeholder{color:green}.btnContainer{margin:var(--main-spacing) 0 var(--main-spacing) 0;justify-content:space-around;border-top:1px solid rgb(233,233,233);display:flex}.formButton{border-radius:5px;background:var(--complementary);color:#fff;border:none;padding:calc(var(--main-spacing)/1.25);margin:var(--main-spacing);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;cursor:pointer;transition:transform .5s ease}.formButton:hover{opacity:.85}.formButton:active{transform:translateY(5px)}form{border:1px solid var(--primary);width:100%}.productButton{padding:calc(var(--main-spacing)/2);margin:var(--main-spacing);border:none}footer{flex-grow:1;border:1px solid black;display:flex;justify-content:flex-start;align-items:center;height:15%;background:var(--primary);border:none}.copy{margin-left:calc(var(--main-spacing)*2);color:#000;font-weight:800;line-height:1.6;display:flex;margin-bottom:16px;color:#fff;padding:calc(var(--main-spacing)/2)}.contacts{border:1px solid black;font-size:var(--font-size)}.productPage{max-width:var(--max-width);height:100%;width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--main-spacing);overflow-y:auto}.productCard{box-shadow:0 4px 8px #0003;max-width:calc(var(--max-width)/2);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:var(--main-spacing) 0 0 0;padding:var(--main-spacing);text-align:center}.productTitle{color:var(--primary);font-size:calc(var(--font-size)*1.25)}.productCard h3,p{font-size:var(--font-size);margin-top:var(--main-spacing)}.productImage{width:35%;margin-top:var(--main-spacing)}.productPrice{color:gray;font-size:var(--font-size)}.productDescription{line-height:1.6}.quantitySelector{border:1px solid lightgrey;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--main-spacing);margin-top:var(--main-spacing)}.numberPad{display:flex;justify-content:center;gap:calc(var(--main-spacing)/2);color:var(--primary)}#quantity{height:55%;border:1px solid var(--primary)}.chooseQuantity{border:1px solid var(--primary);background:var(--primary);color:#fff;height:1rem;display:flex;align-items:center;justify-content:center;padding:calc(var(--main-spacing)/2);cursor:pointer}.quantitySelector label{font-size:calc(var(--font-size)*1.5);padding:calc(var(--main-spacing)/2);color:var(--primary)}.quantitySelector input{width:45%;margin-bottom:var(--main-spacing);text-align:center}.productCard button{border:none;outline:0;color:#fff;border-radius:5px;cursor:pointer;font-size:var(--font-size);font-family:Courier New,Courier,monospace,sans-serif,serif}.productCard button:nth-child(1){background-color:var(--complementary)}.productCard button:nth-child(2){background-color:var(--border-col);width:100%}.productCard button:hover{opacity:.7}.checkoutContent{padding:var(--main-spacing);display:flex;flex-direction:row;flex-wrap:wrap}.checkoutContent h6,img{margin-top:var(--main-spacing);width:40%}.productCheckout{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--main-spacing);max-width:75%;text-align:center}.productCheckout aside,h2{margin-top:var(--main-spacing);color:var(--primary)}.emptyContainer{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:calc(var(--main-spacing)*2)}.emptyContainer>h2{margin:0 auto}.emptyCart{margin-bottom:4rem;display:block;height:40%}.copy{display:flex;flex-direction:column;font-size:var(--font-size)}footer{display:flex;justify-content:center;align-items:center}@media (max-width: 280px){:root{--main-spacing: .75rem;--font-size: 8px;--line-height: 1.6;--max-width: 100%;--primary: green;--complementary: orange;--border-col: #333;--border-rad: 6px}footer{position:relative;top:130px}nav{width:100%}}@media (max-width: 376px){:root{--main-spacing: 1rem;--font-size: 10px;--line-height: 1.6;--max-width: 90%;--primary: green;--complementary: orange;--border-col: #333;--border-rad: 6px}nav ul{margin-right:var(--main-spacing)}.numberPad{gap:0}#addCart{margin-right:11px}#removeCart{margin-left:5px}footer{display:flex;justify-content:start;align-items:center}.copy{position:relative;left:12px;top:5px}}@media (min-width: 376px) and (max-width: 750px){:root{--main-spacing: 1.2rem;--font-size: 12px;--line-height: 1.7;--max-width: 80%;--primary: green;--complementary: orange;--border-col: #333;--border-rad: 6px}nav{display:flex;justify-content:center}.copy{margin-left:calc(var(--main-spacing)*6)}.productCard>.btnContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.btnContainer>.productButton:nth-child(1){background:orange;width:50%;display:block;width:100%}.homeImage{max-width:50%}footer{display:flex;justify-content:left}}@media (min-width: 750px){:root{--main-spacing: 1.4rem;--font-size: 14px;--line-height: 1.7;--max-width: 75%;--primary: green;--complementary: orange;--border-col: #333;--border-rad: 6px}nav{display:flex;justify-content:center}.copy{margin-left:calc(var(--main-spacing)*5);margin-top:10px}.productCard>.btnContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.btnContainer>.productButton:nth-child(1){background:orange;width:50%;display:block;width:100%}.homeImage{max-width:50%}footer{display:flex;justify-content:left}}@media (min-width: 850px){footer{display:flex;justify-content:center}.copy{margin:0 0 5px}}@media (min-width: 1060px){:root{--main-spacing: 1.6rem;--font-size: 16px;--line-height: 1.7;--max-width: 75%;--primary: green;--complementary: orange;--border-col: #333;--border-rad: 6px}.checkout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(150px,auto)}.checkout>h2{grid-column:1 / 3}.checkout>h2:nth-child(2){color:red}.homeImage{max-width:40%}.checkout>h2{text-align:center}}@media (min-width: 1500px){:root{--main-spacing: 1.7rem;--font-size: 20px;--line-height: 1.8;--max-width: 75%;--primary: green;--complementary: orange;--border-col: #333;--border-rad: 6px}.homeImage{max-width:40%}.imageText{font-size:20px;max-width:40%;padding:calc(var(--main-spacing) * 2.5)}nav{justify-content:space-around}.material-symbols-outlined{position:relative;top:7px;right:20px}.checkout>h2{text-align:center;margin-right:110px}.totalPayment{width:100%;text-align:right;margin-left:100px}footer{display:flex;justify-content:center}.copy{display:flex;flex-direction:row;margin-right:var(--main-spacing) - 1}.copy .copy-text:first-child:after{content:"-";margin:0 10px}}