@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700&display=swap);@import url(https://use.typekit.net/ycz4yvq.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,futura-pt,Futura PT Bold,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-style:normal;font-weight:400;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-background-colour:#fff;--primary-blue:#01bbe4;--primary-green:#85f291;--secondary-blue:#caf1f9;--in-progress:#fdb645;--text-colour:#000;--link-color:#015e72}.myGradient{background:#01bbe4;background:var(--primary-blue);background:linear-gradient(90deg,#01bbe4 62%,#01e4d8 88%,#85f291);background:var(--gradient)}.App{background-repeat:no-repeat;background-size:cover;height:100vh;text-align:center}h1{font-family:futura-pt-bold,sans-serif;font-size:24pt;font-weight:700}h1,p{font-style:normal;margin:none;text-align:left}p{font-size:1.2rem;font-weight:500}h2,p{font-family:futura-pt,sans-serif}h2{font-size:16pt;font-style:normal}@media (max-width:600px){.home{background:none;justify-content:center}.home-text,h1,h2{text-align:center}.home-text{margin-left:none;margin-right:none}.home-buttons{align-items:center;margin-top:3rem;text-align:center}.illustrationsHome{height:100px;margin-left:none;margin-right:none}}.home-text{margin-left:55%;max-width:600px}.home-buttons{align-items:flex-start;display:flex;flex-direction:column;justify-content:left;margin-left:0;margin-top:3rem}.illustrationsHome{height:100vh}.illustrationPost,.illustrationVolunteer{height:30vh}.gif{height:200px;margin-top:5rem}.button{background:#01bbe4;background:var(--primary-blue);color:#fff;color:var(--primary-background-colour)}.button,.disable-button{border:none;border-radius:30px;font-size:16pt;height:37px;margin:10px;width:150px}.disable-button{background:#c4c4c4;color:#000;cursor:default}.browse-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:5rem;padding:0 20px;row-gap:20px}.browse-title{font-size:24pt;font-style:normal;font-weight:700;margin-bottom:2rem;margin-top:2rem}@media screen and (min-width:600px){.browse-container{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr;justify-items:center;padding:0 30px}.tasklist-container{grid-template-columns:1fr 1fr;grid-template-rows:3fr}}.tasklist-container>*{margin:0 auto;width:90%}.task-card{background-color:#fff;background-color:var(--primary-background-colour);border-radius:10px;box-shadow:3px 5px 10px rgba(0,0,0,.2);color:#000;color:var(--text-colour);cursor:pointer;display:flex;flex-direction:row;font-family:futura-pt,sans-serif;font-size:11pt;font-style:normal;font-weight:500;height:100%;width:100%}.task-card:hover{background-color:#e6f3fc;-webkit-transform:translateY(-.1rem);transform:translateY(-.1rem);transition:.3s}.category-icon{width:90%}.image{align-items:center;background-color:#caf1f9;background-color:var(--secondary-blue);border-radius:10px 0 0 10px;display:flex;justify-content:center;width:30%}.card-info{display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;padding:2% 5% 5%;text-align:left;width:75%}#logo{margin:5%}#hearticon{max-width:60%;padding:5%}.home{align-items:left;background:url(/static/media/bg1.e5fd983ba0d59ab5b919.png);background-position:-4rem;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:left;text-align:left}.home-text{margin-bottom:1rem;margin-left:60%;max-width:900px;padding-top:10%}.button-blue{background:#01bbe4}.button-blue,.button-green{cursor:pointer;font-weight:600}.button-green{background:#85f291;background:var(--primary-green);border:none;border-radius:30px;color:#000;font-size:16pt;height:50px;margin-top:2rem;width:250px}.illustrationsHome{margin-bottom:auto;margin-left:70%;margin-top:1rem;overflow:hidden}.illustrationPost,.illustrationVolunteer{height:200px}.success{margin:5%}.success,.success-text{text-align:center}.create-task,.view-task{background:url(/static/media/bg6.928b2959153954d124bb.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh}.faq-text{margin-bottom:1rem;margin-left:1rem;margin-right:auto;max-width:1000px;padding-top:3%;text-align:left}.faq{background:url(/static/media/bg7.7bfb32eeac15fd3186a7.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh}@media (max-width:900px){.home{background:none;justify-content:center}.home,.home-buttons{align-items:center;text-align:center}.home-buttons{margin-top:3rem}.title{text-align:center}.home-text{margin:0 0 1rem;max-width:600px;padding-top:10%}.faq{background:none}}.login-page{align-items:center;background:linear-gradient(180deg,#01bbe4 62%,#01e4d8 88%,#85f291);display:flex;flex-direction:column;height:100vh}.login-container{align-items:center;color:#000;justify-content:center;max-width:90%;width:400px}.homepage-logo{max-width:60%;padding-top:10%}@media screen and (max-width:900px){.homepage-logo{max-width:300px}.login-title{display:none}.illustrationsHome{height:0;margin-left:0;margin-top:none}.illustrationPost,.illustrationVolunteer{height:0}}@media screen and (min-width:900px){.login-page{align-items:left;background:url(/static/media/bg1.e5fd983ba0d59ab5b919.png);background-position:-4rem;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:left;text-align:left}.login-container{margin-bottom:1rem;margin-left:60%;max-width:900px;padding-top:0}.homepage-logo{max-width:0}.login-title{font-size:1.4rem;font-weight:600;margin-bottom:1rem;max-width:900px;padding-top:10%}}.updateprofile-container{align-items:center;justify-content:center;margin:auto 0;max-width:90%;width:400px}.updateprofile{margin:auto 0}.no-tasks-message{color:red;font-size:1.5rem;grid-column-end:3;grid-column-start:1}.task-tile-container,h2{align-items:left;border:none;margin:none;padding:none;text-align:left}h2{font-size:1.7rem;font-weight:500}@media (max-width:900px){h2{font-size:1.4rem;font-weight:500}}.main-container{display:flex;flex-direction:column;justify-content:center}.scroll-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;flex-direction:row;height:8%;margin-bottom:1rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100%}.image-container{cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:space-between;margin:3%;padding:5px;position:relative;width:100%}.images{height:100%;min-width:100px;width:100%}.image-container:hover{background-color:var(--primary-green);border-radius:5px}.category-title{margin-top:7px;text-align:center}.image-container.selected:before{background-color:var(--primary-green);border-radius:5px;content:"";display:block;height:5px;position:absolute;top:0;-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem);transition:.3s;width:calc(100% - 10px)}.category-container{align-items:center;display:flex;flex-direction:column;font-size:1.5rem;font-weight:700;justify-content:center;margin-bottom:5rem;margin-top:2rem}.category-container-inner{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);justify-content:center;margin:0 auto;max-width:800px}.category-h1{margin:5px 20px 10px;text-align:center}.category-item{align-items:center;border:10px solid transparent;border-radius:10px;box-shadow:3px 5px 10px rgba(0,0,0,.2);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.category-item:hover{background-color:#85f291;-webkit-transform:translateY(-.1rem);transform:translateY(-.1rem);transition:.3s}.category-item img{max-width:100%}@media (max-width:600px){.category-container-inner{grid-template-columns:repeat(2,1fr)}.category-item{margin:0}.category-item img{width:100px}.header{margin-bottom:1.5rem}}.view-card-container{align-items:center;display:flex;justify-content:center}.all-info{background-color:#fff;border-radius:10px;box-shadow:3px 5px 10px rgba(0,0,0,.2);color:var(--text-colour);font-family:futura-pt,sans-serif;font-size:1.2rem;font-style:normal;font-weight:500;height:80%;margin-top:3rem;width:80%;@media screen and (min-width:900px){width:40%}}.all-info,.info-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.info-container{margin:1rem auto 0;max-width:500px;text-align:left}.category-logo{border:10px solid transparent;margin-bottom:2rem}input[type=checkbox],input[type=text]{background-color:var(--secondary-blue);border:1px solid var(--primary-blue);border-radius:10px;box-sizing:border-box;margin:8px 0;padding:12px 20px;text-align:left;width:100%}.task-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.description-container{align-items:left;font-size:large;font-weight:semi-bold;margin-bottom:1rem;text-align:left}.location-container{margin-bottom:1rem}.checkbox-container{display:flex;flex-direction:row;padding:2%}.creator-name{color:var(--primary-blue);cursor:pointer;margin-bottom:1rem}.creator-name:hover{color:#015e72;text-decoration:underline}.complete-button{font-size:1rem}.accept-button,.complete-button{background-color:var(--primary-green);color:#000}.delete-button{background-color:rgba(255,0,0,.588)}.navbar{position:relative;z-index:100}.container{align-items:center;display:flex;flex-direction:column;margin-bottom:5rem;position:relative}.bio{display:flex;height:8rem;justify-content:center;margin:0 auto;width:100%}.user-bio{font-size:1rem;padding:1rem}.user-bio,textarea{background-color:var(--secondary-blue);border-radius:10px}textarea{border:1px solid var(--primary-blue);box-sizing:border-box;margin:8px 0;padding:12px 20px;text-align:left;width:100%}.icon-size{height:38px}input::-webkit-file-upload-button{background:var(--primary-blue);border:none;border-radius:30px;color:var(--primary-background-colour);cursor:pointer;font-size:16pt;height:37px;margin:10px;width:150px}input::file-selector-button{background:var(--primary-blue);border:none;border-radius:30px;color:var(--primary-background-colour);cursor:pointer;font-size:16pt;height:37px;margin:10px;width:150px}.image-container2{border-radius:50%;display:inline-block;height:300px;margin-bottom:1rem;margin-top:1rem;overflow:hidden;position:relative;width:300px}.image-container2 img{height:100%;object-fit:cover;width:100%}.button-blue{background:var(--primary-blue);border:none;border-radius:30px;color:#000;font-size:16pt;height:50px;margin-left:0;margin-top:0;width:250px}.profile-input-field{align-items:center;display:flex;margin-bottom:20px;max-width:25rem;width:100%}.inputs-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-top:20px;width:80%}.profile-input-field img{margin-right:10px}.profile-input-field input{flex-grow:1}input[type=date],input[type=tel]{background-color:var(--secondary-blue);border:1px solid var(--primary-blue);border-radius:10px;box-sizing:border-box;margin:8px 0;padding:12px 20px;text-align:left;width:100%}@media (min-width:768px){.profile-input-field{width:45%}.inputs-container{flex-direction:row;flex-wrap:wrap;width:50%}}.save-changes-button{background:var(--primary-green);border:none;border-radius:30px;color:#000;font-size:16pt;height:37px;margin:10px;width:150px}.users-container{align-items:center;display:flex;justify-content:center}.users{background-color:#f5f5f5;padding:20px;width:800px}.users-list{display:flex;flex-wrap:wrap;justify-content:space-between}.user{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;width:200px}.user-profile-pic{border-radius:50%;height:100px;object-fit:cover;width:100px}*{box-sizing:border-box;font-family:futura-pt,sans-serif;margin:0;padding:0}:root{--mainColor:#01bbe4;--mainColorLight:#5767aa;--secondaryColor:#85f291;--textColor:#fff;--gradient:linear-gradient(90deg,#01bbe4 62%,#01e4d8 88%,#85f291);--accessibletextColor:#000}header{align-items:center;background:linear-gradient(90deg,#01bbe4 62%,#01e4d8 88%,#85f291);background:var(--gradient);display:flex;height:80px;justify-content:space-between;padding:0 2rem;position:relative;z-index:100}header,nav a{color:#fff;color:var(--textColor)}nav a{font-size:1.2rem;font-weight:700;margin:0 1rem;text-decoration:none}nav a.active,nav a:hover{color:#000;color:var(--accessibletextColor)}.profile-pic{border-radius:50%;height:30px;object-fit:cover;width:30px}header .nav-btn{background:transparent;border:none;color:#fff;color:var(--textColor);cursor:pointer;font-size:1.8rem;opacity:0;outline:none;padding:5px;visibility:hidden}header div,nav{align-items:center;display:flex}@media only screen and (max-width:1200px){header .nav-btn{opacity:1;visibility:visible}header nav{align-items:center;background-color:#01bbe4;background-color:var(--mainColor);display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;left:0;position:fixed;top:-100vh;transition:1s;width:100%;z-index:1}header .responsive_nav{-webkit-transform:translateY(100vh);transform:translateY(100vh)}nav .nav-close-btn{position:absolute;right:2rem;top:2rem}nav a{font-size:2.5rem}nav ul{list-style:none}nav li,nav ul{margin:0;padding:0}}.profile-container{margin-left:auto}button{cursor:pointer}.FAQ_FAQtitle__zreDp{font-size:1.4rem;margin-left:4%;padding:3% none none;text-align:left}.FAQ_faqContainer__z1eYd{margin-left:2%;text-align:left;width:60%}.FAQ_faqItem__RQkhe{background:#fff;border-radius:5px;box-shadow:3px 5px 10px rgba(159,180,233,.2);cursor:pointer;margin-bottom:10px;transition:background .3s}.FAQ_faqItem__RQkhe:hover .FAQ_question__yI1GC{background:#85f291;color:#000}.FAQ_faqItem__RQkhe .FAQ_question__yI1GC{font-size:1.8rem;font-weight:600;padding:1.5rem}.FAQ_faqItem__RQkhe .FAQ_answer__6iR3Z{display:none;font-size:1.5rem;padding:10px}.FAQ_faqItem__RQkhe.FAQ_active__LUqJM .FAQ_answer__6iR3Z{display:block}.FAQ_arrowDown__ivJT1,.FAQ_arrowUp__YLTTO,.FAQ_arrow__XWLCF{display:flex;float:right}@media only screen and (max-width:600px){.FAQ_faqItem__RQkhe .FAQ_question__yI1GC{font-size:1.3rem;margin-bottom:5px;min-width:250px;text-align:left}.FAQ_faqContainer__z1eYd{min-width:350px;text-align:left;width:60%}.FAQ_faqItem__RQkhe .FAQ_answer__6iR3Z{font-size:1rem;text-align:left}h2{margin-left:2%;text-align:left}}
/*# sourceMappingURL=main.f45602e3.css.map*/