:root{--white: #ffffff;--black: #000000;--very-light-pink: #c7c7c7;--text-input-field: #f7f7f7;--hospital-green: #acd9b2;--sm: 14px;--md: 16px;--lg: 18px}nav{display:flex;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--very-light-pink)}.menu{display:none}.nav-logo{width:100px}.navbar-left ul,.navbar-right ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;height:60px}.navbar-left{display:flex}.navbar-left ul{margin-left:12px}.navbar-left ul li a,.navbar-right ul li a{text-decoration:none;color:var(--very-light-pink);border:1px solid var(--white);padding:8px;border-radius:8px}.navbar-left ul li a:hover,.navbar-right ul li a:hover{border:1px solid var(--hospital-green);color:var(--hospital-green)}.navbar-email{color:var(--very-light-pink);font-size:var(--sm);margin-right:12px}.navbar-email:hover{cursor:pointer;color:var(--hospital-green)}.navbar-shopping-cart{position:relative}.navbar-shopping-cart div{width:16px;height:16px;background-color:var(--hospital-green);border-radius:50%;font-size:var(--sm);font-weight:bold;position:absolute;top:-6px;right:-3px;display:flex;justify-content:center;align-items:center}@media(max-width: 640px){.menu{display:block}.navbar-left ul{display:none}.navbar-email{display:none}}
:root{--white: #ffffff;--black: #000000;--very-light-pink: #c7c7c7;--text-input-field: #f7f7f7;--hospital-green: #acd9b2;--sm: 14px;--md: 16px;--lg: 18px}.Menu{width:100px;height:auto;border:1px solid var(--very-light-pink);border-radius:6px;padding:20px 20px 0 20px;position:absolute;top:60px;right:50px;background-color:var(--white)}.Menu ul{list-style:none;padding:0;margin:0}.Menu ul li{text-align:end}.Menu ul li:nth-child(1),.Menu ul li:nth-child(2){font-weight:bold}.Menu ul li:last-child{padding-top:20px;border-top:1px solid var(--very-light-pink)}.Menu ul li:last-child a{color:var(--hospital-green);font-size:var(--sm)}.Menu ul li a{color:var(--back);text-decoration:none;margin-bottom:20px;display:inline-block}
:root{--white: #ffffff;--black: #000000;--very-light-pink: #c7c7c7;--text-input-field: #f7f7f7;--hospital-green: #acd9b2;--sm: 14px;--md: 16px;--lg: 18px}.OrderItem{display:grid;grid-template-columns:auto 1fr auto auto;gap:16px;margin-bottom:24px;align-items:center}.OrderItem figure{margin:0}.OrderItem figure img{width:70px;height:70px;border-radius:20px;object-fit:cover}.OrderItem p:nth-child(2){color:var(--very-light-pink)}.OrderItem p:nth-child(3){font-size:var(--md);font-weight:bold}
:root{--white: #ffffff;--black: #000000;--very-light-pink: #c7c7c7;--text-input-field: #f7f7f7;--hospital-green: #acd9b2;--sm: 14px;--md: 16px;--lg: 18px}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{background:var(--very-light-pink);border-radius:1rem}::-webkit-scrollbar-thumb{background-color:var(--hospital-green);border-radius:20px}.MyOrder{width:360px;padding:24px;box-sizing:border-box;position:absolute;right:0;background-color:var(--white);top:60px;bottom:auto;border-radius:6px;border:1px solid var(--very-light-pink);box-shadow:0px 4px 4px rgba(0,0,0,.25);overflow-y:auto;height:600px}.MyOrder::-webkit-scrollbar{width:.8rem}.MyOrder::-webkit-scrollbar-track{background:var(--very-light-pink);border-radius:1rem}.MyOrder::-webkit-scrollbar-thumb{background-color:var(--hospital-green);border-radius:20px}.title-container{display:flex}.title-container img{transform:rotate(180deg);margin-right:14px}.title{font-size:var(--lg);font-weight:bold}.order{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background-color:var(--text-input-field);margin-bottom:24px;border-radius:8px;padding:0 24px}.order p:nth-child(1){display:flex;flex-direction:column}.order p span:nth-child(1){font-size:var(--md);font-weight:bold}.order p:nth-child(2){text-align:end;font-weight:bold}.primary-button{background-color:var(--hospital-green);border-radius:8px;border:none;color:var(--white);width:100%;cursor:pointer;font-size:var(--md);font-weight:bold;height:50px}@media(max-width: 640px){.MyOrder{width:100%}}
:root{--white: #ffffff;--black: #000000;--very-light-pink: #c7c7c7;--text-input-field: #f7f7f7;--hospital-green: #acd9b2;--sm: 14px;--md: 16px;--lg: 18px}.ProductItem{width:240px}.ProductItem img{width:240px;height:240px;border-radius:20px;object-fit:cover}.product-info{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.product-info figure img:hover{cursor:pointer}.product-info figure{margin:0}.product-info figure img{width:35px;height:35px}.product-info div p:nth-child(1){font-weight:bold;font-size:var(--md);margin-top:0;margin-bottom:4px}.product-info div p:nth-child(2){font-size:var(--sm);margin-top:0;margin-bottom:0;color:var(--very-light-pink)}@media(max-width: 640px){.cards-container{grid-template-columns:repeat(auto-fill, 140px)}.ProductItem{width:140px}.ProductItem img{width:140px;height:140px}}
:root{--white: #ffffff;--black: #000000;--very-light-pink: #c7c7c7;--text-input-field: #f7f7f7;--hospital-green: #acd9b2;--sm: 14px;--md: 16px;--lg: 18px}.ProductList{display:grid;grid-template-columns:repeat(auto-fill, 240px);gap:26px;place-content:center;margin:3em 0 0 0}@media(max-width: 640px){.ProductList{grid-template-columns:repeat(auto-fill, 140px)}}
:root{--white: #ffffff;--black: #000000;--very-light-pink: #c7c7c7;--text-input-field: #f7f7f7;--hospital-green: #acd9b2;--sm: 14px;--md: 16px;--lg: 18px}.Login{width:100%;height:100vh;display:grid;place-items:center}.Login-container{display:grid;grid-template-rows:auto 1fr auto;width:300px}.logo{width:150px;margin-bottom:48px;justify-self:center;display:none}.form{display:flex;flex-direction:column}.form a{color:var(--hospital-green);font-size:var(--sm);text-align:center;text-decoration:none;margin-bottom:52px}.label{font-size:var(--sm);font-weight:bold;margin-bottom:4px}.input{background-color:var(--text-input-field);border:none;border-radius:8px;height:30px;font-size:var(--md);padding:6px;margin-bottom:12px}.input-email{margin-bottom:22px}.primary-button{background-color:var(--hospital-green);border-radius:8px;border:none;color:var(--white);width:100%;cursor:pointer;font-size:var(--md);font-weight:bold;height:50px}.secondary-button{background-color:var(--white);border-radius:8px;border:1px solid var(--hospital-green);color:var(--hospital-green);width:100%;cursor:pointer;font-size:var(--md);font-weight:bold;height:50px}.login-button{margin-top:14px;margin-bottom:30px}@media(max-width: 640px){.logo{display:block}}
:root{--white: #ffffff;--black: #000000;--very-light-pink: #c7c7c7;--text-input-field: #f7f7f7;--hospital-green: #acd9b2;--sm: 14px;--md: 16px;--lg: 18px}.PasswordRecovery{width:100%;height:100vh;display:grid;place-items:center}.PasswordRecovery-container{display:grid;grid-template-rows:auto 1fr auto;width:300px}.logo{width:150px;margin-bottom:48px;justify-self:center;display:none}.form{display:flex;flex-direction:column}.form a{color:var(--hospital-green);font-size:var(--sm);text-align:center;text-decoration:none;margin-bottom:52px}.label{font-size:var(--sm);font-weight:bold;margin-bottom:4px}.input{background-color:var(--text-input-field);border:none;border-radius:8px;height:30px;font-size:var(--md);padding:6px;margin-bottom:12px}.input-email{margin-bottom:22px}.primary-button{background-color:var(--hospital-green);border-radius:8px;border:none;color:var(--white);width:100%;cursor:pointer;font-size:var(--md);font-weight:bold;height:50px}.secondary-button{background-color:var(--white);border-radius:8px;border:1px solid var(--hospital-green);color:var(--hospital-green);width:100%;cursor:pointer;font-size:var(--md);font-weight:bold;height:50px}.login-button{margin-top:14px;margin-bottom:30px}@media(max-width: 640px){.logo{display:block}}
:root{--white: #ffffff;--black: #000000;--very-light-pink: #c7c7c7;--text-input-field: #f7f7f7;--hospital-green: #acd9b2;--sm: 14px;--md: 16px;--lg: 18px}.SendEmail{width:100%;height:100vh;display:grid;place-items:center}.form-container{display:grid;grid-template-rows:auto 1fr auto;width:300px;justify-items:center}.logo{width:150px;margin-bottom:48px;justify-self:center;display:none}.title{font-size:var(--lg);margin-bottom:12px;text-align:center}.subtitle{color:var(--very-light-pink);font-size:var(--md);font-weight:300;margin-top:0;margin-bottom:32px;text-align:center}.email-image{width:132px;height:132px;border-radius:50%;background-color:var(--text-input-field);display:flex;justify-content:center;align-items:center;margin-bottom:24px}.email-image img{width:80px}.resend{font-size:var(--sm)}.resend span{color:var(--very-light-pink)}.resend a{color:var(--hospital-green);text-decoration:none}.primary-button{background-color:var(--hospital-green);border-radius:8px;border:none;color:var(--white);width:100%;cursor:pointer;font-size:var(--md);font-weight:bold;height:50px}.login-button{margin-top:14px;margin-bottom:30px}@media(max-width: 640px){.logo{display:block}}
:root{--white: #ffffff;--black: #000000;--very-light-pink: #c7c7c7;--text-input-field: #f7f7f7;--hospital-green: #acd9b2;--sm: 14px;--md: 16px;--lg: 18px}.NewPassword{width:100%;height:100vh;display:grid;place-items:center}.NewPassword-container{display:grid;grid-template-rows:auto 1fr auto;width:300px}.logo{width:150px;margin-bottom:48px;justify-self:center;display:none}.title{font-size:var(--lg);margin-bottom:12px;text-align:center}.subtitle{color:var(--very-light-pink);font-size:var(--md);font-weight:300;margin-top:0;margin-bottom:32px;text-align:center}.form{display:flex;flex-direction:column}.label{font-size:var(--sm);font-weight:bold;margin-bottom:4px}.input{background-color:var(--text-input-field);border:none;border-radius:8px;height:30px;font-size:var(--md);padding:6px;margin-bottom:12px}.primary-button{background-color:var(--hospital-green);border-radius:8px;border:none;color:var(--white);width:100%;cursor:pointer;font-size:var(--md);font-weight:bold;height:50px}.login-button{margin-top:14px;margin-bottom:30px}@media(max-width: 640px){.logo{display:block}}
:root{--white: #ffffff;--black: #000000;--very-light-pink: #c7c7c7;--text-input-field: #f7f7f7;--hospital-green: #acd9b2;--sm: 14px;--md: 16px;--lg: 18px}.MyAccount{width:100%;height:100vh;display:grid;place-items:center}.MyAccount-container{display:grid;grid-template-rows:auto 1fr auto;width:300px}.logo{width:150px;margin-bottom:48px;justify-self:center;display:none}.title{font-size:var(--lg);margin-bottom:36px;text-align:start}.form{display:flex;flex-direction:column}.form div{display:flex;flex-direction:column}.label{font-size:var(--sm);font-weight:bold;margin-bottom:4px}.value{color:var(--very-light-pink);font-size:var(--md);margin:8px 0 32px 0}.secondary-button{background-color:var(--white);border-radius:8px;border:1px solid var(--hospital-green);color:var(--hospital-green);width:100%;cursor:pointer;font-size:var(--md);font-weight:bold;height:50px}.login-button{margin-top:14px;margin-bottom:30px}@media(max-width: 640px){.form-container{height:100%}.form{height:100%;justify-content:space-between}}
:root{--white: #ffffff;--black: #000000;--very-light-pink: #c7c7c7;--text-input-field: #f7f7f7;--hospital-green: #acd9b2;--sm: 14px;--md: 16px;--lg: 18px}.CreateAccount{width:100%;height:100vh;display:grid;place-items:center}.CreateAccount-container{display:grid;grid-template-rows:auto 1fr auto;width:300px}.logo{width:150px;margin-bottom:48px;justify-self:center;display:none}.title{font-size:var(--lg);margin-bottom:36px;text-align:start}.form{display:flex;flex-direction:column}.form div{display:flex;flex-direction:column}.label{font-size:var(--sm);font-weight:bold;margin-bottom:4px}.input{background-color:var(--text-input-field);border:none;border-radius:8px;height:30px;font-size:var(--md);padding:6px;margin-bottom:12px}.input-name,.input-email,.input-password{margin-bottom:22px}.primary-button{background-color:var(--hospital-green);border-radius:8px;border:none;color:var(--white);width:100%;cursor:pointer;font-size:var(--md);font-weight:bold;height:50px}.login-button{margin-top:14px;margin-bottom:30px}@media(max-width: 640px){.form-container{height:100%}.form{height:100%;justify-content:space-between}}
:root{--white: #ffffff;--black: #000000;--very-light-pink: #c7c7c7;--text-input-field: #f7f7f7;--hospital-green: #acd9b2;--sm: 14px;--md: 16px;--lg: 18px}.Checkout{width:100%;height:100vh;display:grid;place-items:center}.title{font-size:var(--lg);margin-bottom:40px}.Checkout-container{display:grid;grid-template-rows:auto 1fr auto;width:300px}.Checkout-content{display:flex;flex-direction:column}.order{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background-color:var(--text-input-field);margin-bottom:24px;border-radius:8px;padding:0 24px}.order p:nth-child(1){display:flex;flex-direction:column}.order p span:nth-child(1){font-size:var(--md);font-weight:bold}.order p span:nth-child(2){font-size:var(--sm);color:var(--very-light-pink)}.order p:nth-child(2){text-align:end;font-weight:bold}
:root{--white: #ffffff;--black: #000000;--very-light-pink: #c7c7c7;--text-input-field: #f7f7f7;--hospital-green: #acd9b2;--sm: 14px;--md: 16px;--lg: 18px}.Orders{width:100%;height:100vh;display:grid;place-items:center}.title{font-size:var(--lg);margin-bottom:40px}.Orders-container{display:grid;grid-template-rows:auto 1fr auto;width:300px}.Orders-content{display:flex;flex-direction:column}
:root{--white: #ffffff;--black: #000000;--very-light-pink: #c7c7c7;--text-input-field: #f7f7f7;--hospital-green: #acd9b2;--sm: 14px;--md: 16px;--lg: 18px}.NotFound-container{width:100%;height:100vh}.NotFound-sub-container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.NotFound-title{font-size:100px;margin:0;text-align:center;color:var(--hospital-green)}.NotFound-subtitle{color:var(--very-light-pink);font-size:var(--md);font-weight:400;margin-top:0;margin-bottom:32px;text-align:center}.primary-button{background-color:var(--hospital-green);border-radius:8px;border:none;color:var(--white);width:100%;cursor:pointer;font-size:var(--md);font-weight:bold;height:50px}
body{margin:0;font-family:"Quicksand",sans-serif}