*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;width:100%}html{scroll-behavior:smooth}*{animation:all .3s ease-in-out}a{color:inherit;text-decoration:none}.visibly-hidden{display:none}.error-message{animation-duration:1s;animation-iteration-count:1;animation-name:shake;animation-timing-function:cubic-bezier(.36,.07,.19,.97);color:red}.error-page,.loading-page{align-items:center;color:#1e1e1e;display:flex;font-size:1.2rem;height:60vh;justify-content:center;width:100%}.loading-page .fa-solid,h5{font-size:2rem}h5{margin:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes shake{0%{transform:translateX(0)}10%{transform:translateX(-10px) rotate(-5deg)}20%{transform:translateX(10px) rotate(5deg)}30%{transform:translateX(-10px) rotate(-5deg)}40%{transform:translateX(10px) rotate(5deg)}50%{transform:translateX(-10px) rotate(-5deg)}60%{transform:translateX(10px) rotate(5deg)}70%{transform:translateX(-10px) rotate(-5deg)}80%{transform:translateX(10px) rotate(5deg)}90%{transform:translateX(-10px) rotate(-5deg)}to{transform:translateX(0) rotate(0)}}.desktop-nav-primary,.mobile-nav-primary{align-items:center;background-color:#f7f6f2;background-color:var(--header-background);border-bottom:1.5px solid #68737d;display:flex;height:88px;position:relative;width:100%;z-index:10}.desktop-nav-primary>div,.mobile-nav-primary>div{align-items:center;display:flex;justify-content:space-between;margin:auto;width:85%}.nav-logo{align-items:center;display:flex}.nav-logo img{height:40px;width:42px}.nav-logo img,.nav-logo p{display:inline}.nav-logo p{color:#000;font-size:1.6rem;margin:0 0 0 10px}.extended-menu{align-items:center;background:#f7f6f2;background:var(--header-background);display:flex;flex-direction:column;height:200px;justify-content:center;position:absolute;top:88px;transform:translateY(-100%);transition:transform .3s ease-in-out;width:100%;z-index:5}.extended-menu.drop-down-active{transform:translateY(0)}.extended-menu a{font-size:1.5rem;font-weight:700;margin:0;padding:18px 0}.extended-menu a:first-child{border-bottom:1.5px solid #68737d;color:#000}.extended-menu a:nth-child(2){color:#1b2c33}.menu-icon{cursor:pointer;display:flex;flex-direction:column;height:1.5rem;justify-content:space-around;position:relative;width:1.5rem}.menu-icon span{background-color:#000;border-radius:10px;height:.2rem;transition:all .3s linear;width:1.5rem}.menu-icon.drop-down-active span:first-child{transform:translateY(.5rem) rotate(45deg);transform-origin:center}.menu-icon.drop-down-active span:nth-child(2){opacity:0}.menu-icon.drop-down-active span:nth-child(3){transform:translateY(-.5rem) rotate(-45deg);transform-origin:center}.btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.35rem;margin-left:15px;padding:10px 22px}.nav-buttons .sign-up-btn{background:#3d6668;border:1px solid #fff}.nav-buttons .sign-in-btn{background:#1b2c33;padding:10px 30px}.sign-in-btn:hover{background-color:#f7f6f2;background-color:var(--header-background);color:#000;transition:background-color .5s ease}@media only screen and (max-width:600px){.mobile-nav-primary>div{width:90%}.nav-logo img{height:30px;width:32px}.nav-logo p{font-size:1.6rem;font-weight:700}}.sign-up-section1{background:url(/static/media/Recycle%20Green.7df5108a00a5e3581bfb.jfif);background-position:100%;background-repeat:no-repeat;display:flex;height:100vh;object-fit:cover;width:100%}.sign-up-section1 h3{font-family:Consolas,monospace;font-family:var(--fontFamily-mono);font-size:5rem;margin-left:30px}.sign-up-section1 p{font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;margin-left:50px}.sign-up-container{height:500px;text-align:center}.sign-up-container h2{font-family:Georgia,Times New Roman,Times,serif;font-family:var(--fontFamily-print);font-size:2.8rem;font-weight:100;margin:auto auto 50px;width:60%}.sign-up-container form{margin:auto;width:60%}.sign-up-container .number-wrapper{display:flex;justify-content:space-between;margin:auto auto 15px;width:100%}.sign-up-container .country-code{border:1px solid #000;border-radius:6px 0 0 6px;border-right:#fff;padding:10px 22px 10px 10px;text-align:left}.sign-up-container input[type=password],.sign-up-container input[type=text]{border:1px solid #000;border-radius:6px;font-size:1rem;margin-bottom:15px;outline:none;padding:12px 22px;width:100%}.sign-up-container input[type=number]{border-left:#fff!important;border:1px solid #000;border-radius:0 6px 6px 0;font-size:1rem;outline:none;padding:12px 22px;width:100%}#otp{border:1px solid #000!important;border-radius:6px!important}.sign-up-container button{background-color:#191a1b;border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:700;padding:12px 22px;width:100%}.sign-up-container button:hover{background-color:#f7f6f2;background-color:var(--header-background);color:#191a1b;transition:background-color .5s ease}.sign-up-container .error-message{font-size:1rem}.sign-up-container .fa-solid{margin-left:10px}footer{align-items:center;background-color:#000;color:#fff;display:flex;font-family:gordita,Helvetica Neue,Helvetica,sans-serif;font-family:var(--fontFamily-base);font-size:1rem;font-weight:700;height:150px;justify-content:center;margin:auto;text-align:center}@media only screen and (max-width:1000px){.sign-up-section1{background-position:bottom}}@media only screen and (max-width:600px){.sign-up-container h2{font-size:2rem;width:85%}.sign-up-container form{width:85%}.sign-up-section1 h3{font-size:3.6rem}.sign-up-section1 p{font-size:1.1rem;margin-left:30px}.sign-up-section1 br{display:none}.sign-up-section1{background-size:548px 652px}}:root{--grey-1:#ebebeb;--grey-2:#e3e3e3;--grey-3:#eceff1}.sign-in{align-items:center;background:#ebebeb;background:var(--grey-1);display:flex;height:100vh;justify-content:center;width:100%}.sign-in-box{background:#fff;border-radius:7px;min-height:342px;padding:35px;text-align:center;width:356px}.sign-in img{height:40px;width:42px}.sign-in label{display:block;margin-bottom:8px;text-align:left}.sign-in input{background:#ebebeb;background:var(--grey-1);border:1px;border-radius:3px;height:35px;margin-bottom:20px;outline:none;padding:1px 5px;width:100%}.sign-in .number-wrapper{display:flex;justify-content:space-between;width:100%}#phone-number{width:74%}.sign-in .country-code{align-items:center;background:#ebebeb;background:var(--grey-1);border-radius:3px;display:flex;height:35px;justify-content:center;width:24%}.sign-in input:hover{border:1px solid #191a1b}.sign-in input:focus{outline:1.2px solid #191a1b}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sign-in button{background-color:#191a1b;border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:700;padding:10px 22px}.sign-in button:hover{background-color:#87929d;color:#000;transition:background-color .5s ease}.sign-in form{position:relative}.sign-in .error-message{font-size:1rem;position:absolute;top:0}.sign-in p{font-size:.8rem;font-weight:700;margin-bottom:0;margin-top:32px;text-align:right}.sign-in a{color:#8a2be2;text-decoration:underline}@media only screen and (max-width:1000px){.sign-in-box{background:#fff;margin-top:-20%;min-height:362px;padding:35px;width:376px}.sign-in img{height:40px;width:42px}.sign-in label{display:block;margin-bottom:8px;text-align:left}.sign-in input{background:#ebebeb;background:var(--grey-1);height:30px;margin-bottom:20px;width:100%}.sign-in .country-code{height:30px}}@media only screen and (max-width:600px){.sign-in-box{margin-top:-40%;min-height:85vw;width:80%}}:root{--main-green:#1b2c33;--second-green:#3d6668}.personal-page{height:100%;margin:0 auto;overflow-y:hidden;width:100%}.personal-page .fa-right-from-bracket{color:#3d6668;color:var(--second-green);font-size:2rem}.logout-wrapper{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:absolute;right:20px;top:110px}.personal-page h3{font-family:Consolas,monospace;font-family:var(--fontFamily-mono);font-size:2.2rem;margin:6% auto 4%;text-align:center}.personal-page>div{text-align:center}.personal-page p{font-family:gordita,Helvetica Neue,Helvetica,sans-serif;font-family:var(--fontFamily-base);font-size:1.1rem;margin-bottom:15px}.personal-page button{background-color:#1b2c33;background-color:var(--main-green);border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:700;margin-bottom:4%;padding-bottom:15px;padding-top:15px;width:300px}.personal-page button:hover{cursor:pointer;opacity:.8;transition:opacity .5s ease}.personal-page .fa-plus{color:#fff}.personal-page button:hover>.fa-plus{animation:rotate .5s linear}.mobile-home-page-nav{align-items:center;background-color:#fff;bottom:0;display:flex;height:80px;justify-content:center;position:fixed;width:100%}.home-wrapper,.personal-wrapper{border-top:1px solid #68737d;height:100%;width:50%}.home-wrapper,.home-wrapper a,.personal-wrapper,.personal-wrapper a{align-items:center;display:flex;flex-direction:column;justify-content:center}.mobile-home-page-nav a{color:#68737d}.mobile-home-page-nav .active{color:#1b2c33;color:var(--main-green)}.desktop-homepage-nav a{padding:8px 14px}.desktop-homepage-nav .active{background:#3d6668;background:var(--second-green);border-radius:6px;color:#fff}.mobile-home-page-nav .fa-solid{font-size:1.7rem}.desktop-homepage-nav{align-items:center;border-bottom:1px solid #68737d;display:flex;font-weight:700;height:90px;justify-content:space-between;margin:auto;padding:0 10%}.desktop-homepage-nav img{height:40px;width:44px}.desktop-homepage-nav a{font-family:gordita,Helvetica Neue,Helvetica,sans-serif;font-family:var(--fontFamily-base);font-size:1.2rem;margin-left:80px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@media only screen and (max-width:1000px){.personal-page h3{font-size:2rem;margin-bottom:20%;margin-top:20%}.personal-page button{margin-bottom:10%}.logout-wrapper{top:20px}}.my-collection-page{text-align:center;width:100%}.collection{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:0 auto 10vw;width:85%}.collection .image-container{align-items:center;display:flex;height:60vh;justify-content:center;overflow:hidden}.collection img{height:auto;max-width:100%}.collection .item-container{min-height:0;min-width:0;overflow:hidden}.collection button{background-color:#191a1b;border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:700;padding:12px 22px;width:30%}.collection button:hover{background-color:var(--header-background);color:#191a1b;transition:background-color .5s ease}@media only screen and (max-width:1000px){.collection{grid-template-columns:repeat(2,1fr);margin-top:50px}}@media only screen and (max-width:600px){.collection{grid-template-columns:1fr!important}}.add-item{margin:0 auto;text-align:center;width:60%}.add-item label{display:block;text-align:left}.add-item h5{color:#1b2e34;font-size:2rem;margin-bottom:30px}.add-item input{border:1px solid #ddd;box-sizing:border-box;display:block;font-size:.9rem;margin:10px 0 30px;padding:12px 22px;width:100%}.add-item button{background-color:#1b2e34;border:0;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 22px;width:100%}.add-item button:hover{background-color:#fff;color:#1b2e34;transition:background-color .5s ease}.add-item .error-message{align-items:center;display:flex;font-size:1.2rem;justify-content:center;margin:0;width:100%}.add-item button:disabled,.add-item button:disabled:hover{color:#1b2e34!important;opacity:.6}@media only screen and (max-width:1000px){.add-item h5{margin-top:40%}}@media only screen and (max-width:600px){.add-item{width:85%}}.home-page{width:100%}.all-items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;width:85%}.all-items .image-container{align-items:center;display:flex;height:40vh;justify-content:center;overflow:hidden}.all-items a{min-height:0;min-width:0;overflow:hidden}.all-items img{height:auto;max-width:100%}.home-page form{margin:auto;width:40%}.home-page input[type=search]{border:1px solid #000;border-radius:6px;font-size:1rem;margin-bottom:15px;margin-top:15px;outline:none;padding:12px 22px;width:90%}.home-page form,.home-page form button{align-items:center;display:flex;justify-content:center}.home-page form button{background-color:#fff;border:0;cursor:pointer;font-size:1.2rem;width:10%}@media only screen and (max-width:1000px){.all-items{grid-template-columns:repeat(3,1fr);margin-bottom:100px}.home-page form{width:70%}}@media only screen and (max-width:600px){.all-items{grid-template-columns:1fr}.home-page form{width:80%}}:root{--fontFamily-base:"gordita","Helvetica Neue","Helvetica",sans-serif;--fontFamily-print:"Georgia","Times New Roman","Times",serif;--fontFamily-mono:"Consolas",monospace;--header-background:#f7f6f2}.not-found{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 150px);justify-content:center;width:100%}.not-found h5{font-family:Consolas,monospace;font-family:var(--fontFamily-mono);font-size:2rem;margin:-5px auto auto;padding-top:40px}.not-found h4{font-size:3rem}.not-found a{color:crimson;text-decoration:underline}.not-found footer{bottom:0;position:fixed}@media only screen and (max-width:1000px){.collection{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:600px){.not-found{text-align:center}.not-found br{display:none}.not-found h5{margin:auto!important}}.item-details{margin:auto;text-align:center;width:90%}.item-details .image-container{align-items:center;border-radius:5px;display:flex;height:30%;justify-content:center;margin:auto;overflow:hidden;width:30%}.item-details .image-container img{height:100%;object-fit:cover;width:100%}@media only screen and (max-width:1000px){.item-details .image-container{height:60%;width:60%}}
/*# sourceMappingURL=main.6940d8ef.css.map*/