@import"https://fonts.googleapis.com/css2?family=Fahkwang:wght@600&family=Poppins:wght@400;500;600&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem}@media screen and (max-width: 768px){#root{padding:1rem}}.header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:#ece4d9;border-radius:20px;padding:40px 50px;position:relative}.logo{text-decoration:none;color:#214720}.navBar li{display:inline-flex;flex-wrap:wrap;margin-left:1rem;text-decoration:none}.browse{text-decoration:none;border-radius:4px;border:2px solid #214720;color:#214720;display:inline-flex;padding:8px 16px;justify-content:center;align-items:center;gap:8px}.create{display:inline-flex;padding:8px 16px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:#214720;color:#fff;text-decoration:none;border:2px solid #214720}.about-link,h1,h2,h3,h4,p{text-decoration:none;color:#214720}.navBar .active{text-decoration:underline}.navBar.sidebar{width:250px}.menu-icon{display:none;cursor:pointer}@media screen and (max-width: 800px){.menu-icon{display:block}.navBar{position:absolute;right:40px;top:80px;background-color:#fbfaf7;width:0px;height:220px;transition:all .3s ease-in;overflow:hidden;padding-top:24px;border-radius:20px}.navBar ul{display:flex;flex-direction:column;gap:16px}}.footer{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;color:#214720;font-size:20px;font-weight:500;line-height:24px;margin:2rem;text-align:center}.footer a{text-decoration:none;color:#214720;font-family:Poppins;font-size:20px;font-style:normal;font-weight:500;line-height:24px}.socialMedia{display:flex;gap:1rem;color:#214720;font-family:Poppins;font-size:20px;font-style:normal;font-weight:400;line-height:24px;margin-top:12px}.filter{margin:32px 0;display:flex;max-width:800px;gap:16px}.filter div{width:100%;display:flex;flex-direction:column}.filter select,#city{width:100%;height:48px;border-radius:4px;border:2px solid #214720;background:#fff;align-self:flex-start;box-shadow:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);background-repeat:no-repeat;background-position:calc(100% - 10px) center;padding:6px 12px}@media screen and (max-width: 800px){.filter{flex-direction:column;gap:0px}}.cardPost{display:flex;flex-wrap:wrap;flex-direction:column;border-radius:20px;padding:0;margin:0;width:fit-content}.cardPost img{border-radius:20px 20px 0 0;border:2px solid #ece4d9;width:100%}.card-text{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;font-family:Poppins;font-size:20px;font-style:normal;margin:24px 32px}.cardPost .typeIcons{max-width:24px;margin-right:8px;border:none}.Available{background-color:#e9ede9}.Available a,.Available .card-text p{text-decoration:none;color:#214720}.Lender{background-color:#2147201a}.Lender a{text-decoration:none;color:#214720}.Give{background-color:#5299d31a}.Give a{text-decoration:none;color:#5299d3}.Give .card-text p,.Give .card-text h2,.Give .card-text h3{color:#5299d3}.Needed{background-color:#faefe6;color:#b64d01}.Needed a{text-decoration:none;color:#b64d01}.Needed .card-text p,.Needed .card-text h2,.Needed .card-text h3{color:#b64d01}.post-title{font-weight:500;line-height:24px;font-size:20px;font-family:Poppins,sans-serif}.post-city{font-weight:400;line-height:20px;font-size:16px;font-family:Poppins,sans-serif}.post-type-category{font-size:16px;font-weight:500;line-height:113.5%;margin-top:8px;display:flex;flex-direction:column}.typeIconsWrapper{display:flex;flex-direction:row;justify-content:left;align-items:center;padding:4px;margin-right:8px}.typeIconsWrapper p{font-size:16px}.cardPost :hover{transform:translateY(-3px);opacity:.9}.list-post-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;justify-content:center;margin-top:1rem}.noPosts{display:flex;justify-content:center;align-items:center}.spinner-container{display:flex;align-items:center;justify-content:center;height:100vh}.spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid #214720;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-container{padding:80px 50px 40px;background-color:#ece4d9;border-radius:20px;margin:20px 0}.hero-container h1{font-size:54px;line-height:1.1;margin-bottom:24px}.hero-container p{font-size:16px;line-height:1.5;margin-bottom:40px}.hero-container label{font-family:Fahkwang;font-size:16px}.hero-container select{margin-top:12px;padding:6px 12px;border-radius:4px;border:2px solid #214720;background:#fff}.hero-container option{display:flex;justify-content:space-between}.hero-wrapper{max-width:60%}.hero-wrapper div{display:flex;flex-direction:column;max-width:300px}.bold{font-weight:700}@media screen and (max-width: 1024px){.hero-container h1{font-size:48px}}@media screen and (max-width: 768px){.hero-container h1{font-size:28px}.hero-wrapper{max-width:100%}}.startpage-list-post-container{display:grid;grid-template-columns:repeat(12,1fr);max-width:1280px;justify-content:center}.startpage-list-post-container .cardPost:nth-child(1),.startpage-list-post-container .cardPost:nth-child(2),.startpage-list-post-container .cardPost:nth-child(3){grid-column:auto / span 4}.startpage-list-post-container .cardPost:nth-child(4),.startpage-list-post-container .cardPost:nth-child(5),.startpage-list-post-container .cardPost:nth-child(6),.startpage-list-post-container .cardPost:nth-child(7){grid-column:auto / span 3}@media screen and (max-width: 1024px){.startpage-list-post-container .cardPost:nth-child(1),.startpage-list-post-container .cardPost:nth-child(2),.startpage-list-post-container .cardPost:nth-child(3){grid-column:auto / span 6}.startpage-list-post-container .cardPost:nth-child(4),.startpage-list-post-container .cardPost:nth-child(5),.startpage-list-post-container .cardPost:nth-child(6),.startpage-list-post-container .cardPost:nth-child(7){grid-column:auto / span 6}}@media screen and (max-width: 640px){.startpage-list-post-container .cardPost:nth-child(1),.startpage-list-post-container .cardPost:nth-child(2),.startpage-list-post-container .cardPost:nth-child(3){grid-column:auto / span 12}.startpage-list-post-container .cardPost:nth-child(4),.startpage-list-post-container .cardPost:nth-child(5),.startpage-list-post-container .cardPost:nth-child(6),.startpage-list-post-container .cardPost:nth-child(7){grid-column:auto / span 12}}.hero-navbar-container{width:100%;padding:24px;background-color:#2147201a;border-radius:20px;overflow:scroll}.hero-navbar{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto}.hero-navbar ul{list-style:none;padding:0;margin:0;display:flex;align-items:flex-start;justify-content:flex-start;max-width:100%;width:100%}.hero-navbar .navLink{font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0}.hero-navbar li{border-right:1px solid #214720;height:100%}.hero-navbar .navlink{text-decoration:none;color:#214720;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.navLink-div{display:flex;justify-content:center;align-content:center;min-width:fit-content;padding:0 25px}#last{border:none}.create-post-container{margin:2rem auto;max-width:670px;background-color:#2147201a;border-radius:20px;padding:40px}.create-post-form{display:flex;flex-direction:column;text-align:start;max-width:400px;margin:0 auto}.create-post-form input,select,textarea{margin-bottom:1rem;padding:6px 12px;border-radius:4px;border:2px solid #214720;background:#fff}input[type=submit]{display:flex;width:100%;padding:8px 16px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background-color:#214720;font-size:16px;font-weight:500;line-height:20px;color:#fff}select:invalid{color:#21472080;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:150%}label,select:valid{color:#214720;font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:150%}.detail-post-container{margin:2rem 0;height:100%}.go-back{color:#214720;text-decoration:none;margin:32px 50px;display:block}.detail-post-wrapper{display:flex;flex-direction:column;align-items:stretch;flex-grow:1;background-color:#ece4d9;padding:50px 50px 25px;width:48%;border-radius:20px}.detail-post-wrapper.Available{background-color:#d3dad2}.detail-post-wrapper.Needed{background-color:#f5decd}.detail-post-wrapper.Needed p,.detail-post-wrapper.Needed h2{color:#b64d01}.detail-post-wrapper.Give{background-color:#dcebf6}.detail-post-wrapper.Give p,.detail-post-wrapper.Give h2{color:#5299d3}.detail-flex-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;align-items:stretch;gap:40px;flex-grow:1}.img-container{display:flex;width:48%;border-radius:20px;object-fit:cover;flex-grow:1;border:2px solid #ece4d9}.img-container img{border-radius:20px;width:100%}.detail-text-container{margin-top:40px}.type{font-size:16px;font-style:normal;font-weight:500;line-height:113.5%;display:flex;flex-direction:row;justify-content:left;align-items:center}.title{font-size:40px;font-style:normal;font-weight:500;line-height:48px;margin-top:8.5px}.medium-text{font-size:16px;font-style:normal;font-weight:500;line-height:20px;margin-top:29px}.small-text{font-size:16px;font-style:normal;font-weight:400;line-height:150%;margin-top:4px}.facebook{margin-top:29px}.banner{margin:24px 0;padding:2rem 0;display:flex;justify-content:center;align-items:center;background:rgba(33,71,32,.1);border-radius:20px;animation:banner-animation .4s}.banner p{font-weight:500;font-size:20px;color:#214720}.hero-animation{animation-delay:hero-animation .4s;animation:hero-animation .4s;margin-left:40px}@keyframes hero-animation{0%{opacity:0}to{opacity:1}}@keyframes banner-animation{0%{transform:translateY(-50px);opacity:0}to{opacity:1}}.about{display:flex;flex-wrap:wrap;margin-top:40px;max-width:1280px;background-color:#ece4d9;border-radius:20px}.about-wrapper{max-width:700px;padding:80px 50px}.about p{margin-top:1rem}.about h1{font-size:48px;font-weight:600;line-height:1.1}@media screen and (max-width: 1024px){.about h1{font-size:40px}}@media screen and (max-width: 768px){.about h1{font-size:28px}.about-wrapper{max-width:100%}}.notFound{padding:2rem;display:flex;align-items:center;justify-content:center;flex-direction:column}*,*:before,*:after{box-sizing:border-box}*{margin:0}:root{font-family:Poppins,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body{line-height:1.5;-webkit-font-smoothing:antialiased;height:100%}select::-ms-expand{display:none}select,option{box-shadow:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);background-repeat:no-repeat;background-position:calc(100% - 20px) center}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-family:Fahkwang,sans-serif;overflow-wrap:break-word}p{font-family:Poppins,sans-serif;overflow-wrap:break-word}a{font-family:Poppins,sans-serif;font-weight:600}input,button,textarea,select,label{font:inherit}