body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#app,#app>div,body,html{height:100%}.App{display:flex;flex-direction:column}.quote{font-size:18px;margin-top:0;font-style:italic}.note{color:#4a4c4c;font-size:12px}.App,.App>div,body,html{height:100%}.ideas-frame{display:flex;flex-direction:column;align-items:center}.ideas-frame .category{width:60%;display:flex;justify-content:space-evenly;font-family:"Poppins",sans-serif;align-items:center}.ideas-frame .category p{color:grey;padding:5px;text-align:center}@media (max-width:1000px){.ideas-frame .category p{font-size:12px;margin-right:15px}}@media (max-width:500px){.ideas-frame .category p{font-size:10px;margin-right:0}}.ideas-frame .category p:hover{color:#fff;background-color:grey;border-radius:4px;padding:5px}@media (max-width:1000px){.ideas-frame .category select{font-size:14px}}@media (max-width:500px){.ideas-frame .category select{font-size:10px}}.ideas-frame .create-btn{margin:10px 0 0;width:10%;padding:5px;border-radius:4px;font-size:14px;background-color:#f8db68;color:#000}@media (max-width:500px){.ideas-frame .create-btn{font-size:10px;width:20%}}.ideas-frame .create-btn:hover{background-color:grey;color:#fff}.ideas-frame .ideas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.each-project{width:20%;height:200px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:20px;border-radius:20px;padding:0 15px}@media (max-width:1000px){.each-project{margin:10px;width:30%}}@media (max-width:500px){.each-project{margin:8px;width:70%}}.each-project .remove{width:100%;display:flex;justify-content:flex-end;margin-top:15px;margin-right:10px}.each-project .remove i{font-size:20px;color:#464342}.each-project .project-headers{height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:"Poppins",sans-serif}.each-project .project-headers .project-name{font-size:25px;display:inline-block;margin-bottom:0}@media (max-width:1000px){.each-project .project-headers .project-name{font-size:20px;display:inline-block}}@media (max-width:500px){.each-project .project-headers .project-name{font-size:20px;display:inline-block}}.each-project .project-headers .project-idea{margin-bottom:0;visibility:hidden}@media (max-width:1000px){.each-project .project-headers .project-idea{font-size:12px;display:inline-block}}@media (max-width:500px){.each-project .project-headers .project-idea{font-size:13px;display:inline-block}}.each-project .icons{width:100%;height:10%;display:flex;justify-content:flex-end;align-items:center;margin-bottom:5px}.each-project .icons i{margin-right:3px}.each-project .icons p{margin-right:8px;color:grey}.each-project:hover .project-idea{margin-bottom:0;visibility:visible}.join{display:flex;flex-direction:column;height:auto;width:100%;padding:30px 60px 60px 30px;height:100%;overflow:hidden;min-height:100vh;background-image:-webkit-gradient(linear,left top,right top,from(#fddacc),to(#fcf1c7));background-image:linear-gradient(90deg,#fddacc,#fcf1c7)}@media (max-width:500px){.join{padding:15px}}.join .info{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:6px;width:100%}@media (max-width:500px){.join .info{display:flex;flex-direction:column}}.join .info .project-info{border-right:1px solid #fddacc;display:flex;width:70%;justify-content:space-around;align-items:center;padding:20px}@media (max-width:500px){.join .info .project-info{border-right:none;display:flex;flex-direction:column;align-items:center;width:100%}}.join .info .project-info .name-cate{display:flex;flex-direction:column;align-items:center;justify-content:center}.join .info .project-info .name-cate .project-name{border-radius:50%;width:200px;height:200px;display:flex;justify-content:center;align-items:center;font-size:25px;padding:20px;text-align:center;font-family:"Poppins",sans-serif}.join .info .project-info .name-cate .project-cate{border-radius:8px;background-color:grey;color:#fff;padding:5px 10px}.join .info .project-info .more-info{width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-family:"Poppins",sans-serif}@media (max-width:500px){.join .info .project-info .more-info{width:100%;align-items:center}}.join .info .project-info .more-info .project-idea{font-size:20px;width:80%;margin-bottom:15px;color:#000}@media (max-width:500px){.join .info .project-info .more-info .project-idea{text-align:center;width:100%}}.join .info .project-info .more-info .project-impact{width:80%;display:flex;justify-content:flex-start;align-items:center;margin-bottom:0;margin-top:0;padding:0}.join .info .project-info .more-info .project-impact i{font-size:20px;color:grey;margin-right:10px}.join .info .project-info .more-info .project-impact p{margin-top:5px;margin-bottom:0}.join .info .project-info .more-info .join-members{width:80%;display:flex;justify-content:flex-start;padding:0;margin-top:10px}.join .info .project-info .more-info .join-members i{font-size:20px;color:#ff4d2e;margin-right:10px}.join .info .project-info .more-info .join-members p{margin-top:0;font-size:14px;color:#ff4d2e}.join .info .project-info .more-info .roles{display:flex;flex-direction:column;justify-content:flex-start}@media (max-width:500px){.join .info .project-info .more-info .roles{align-items:center;width:100%}}.join .info .project-info .more-info .roles .title{width:80%;display:flex;justify-content:flex-start;align-items:center;padding:0;margin-top:-15px}.join .info .project-info .more-info .roles .title i{font-size:20px;color:grey;margin-right:10px}.join .info .project-info .more-info .roles .list-role{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}.join .info .project-info .more-info .roles .list-role .each-role{border-radius:10px;padding:5px 10px;margin-right:5px;font-size:10px}.join .info .member-info{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;font-family:"Poppins",sans-serif}@media (max-width:500px){.join .info .member-info{width:100%}}.join .info .member-info h3{font-family:"Poppins",sans-serif;padding:30px;color:#ff4d2e;font-size:22px}@media (max-width:500px){.join .info .member-info h3{font-size:18px;text-align:center}}.join .info .member-info p{font-size:24px}.join .info .member-info form{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding-bottom:20px}.join .info .member-info form input{margin:10px;height:30px;width:60%;outline:0;font-size:14px;border-width:0 0 2px;border-color:#ff4d2e;color:#545150;font-family:"Poppins",sans-serif}@media (max-width:500px){.join .info .member-info form input{width:80%}}.join .info .member-info form input:focus{border-color:grey}.join .info .member-info form .select-css{margin:10px 0 0;display:block;font-size:16px;font-family:"Poppins",sans-serif;color:#444;line-height:1.3;padding:.6em 1.4em .5em .8em;width:30%;max-width:100%;box-sizing:border-box;border:1px solid #aaa;box-shadow:0 1px 0 1px rgba(0,0,0,.04);border-radius:.5em;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e5e5e5));background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fff 0,#e5e5e5);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}@media (max-width:500px){.join .info .member-info form .select-css{width:50%;font-size:12px}}.join .info .member-info form .select-css::-ms-expand{display:none}.join .info .member-info form .select-css:hover{border-color:#888}.join .info .member-info form .select-css:focus{border-color:#aaa;box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.join .info .member-info form .select-css option{font-weight:400}.join .info .member-info form button{width:20%;border-radius:10px;padding:5px;background-color:#ff4d2e;color:#fff;font-size:14px;border:1px solid #ff4d2e;margin-top:20px;margin-bottom:20px;font-family:"Poppins",sans-serif}@media (max-width:500px){.join .info .member-info form button{width:35%;font-size:12px}}.join .expand-info{font-family:"Poppins",sans-serif}.join .expand-info .members{width:50%}.join .expand-info .thoughts .title{font-family:"Poppins",sans-serif;color:red}.join .expand-info .thoughts form{display:flex;align-items:center;flex-direction:row;justify-content:space-between;position:relative;width:40%}@media (max-width:500px){.join .expand-info .thoughts form{width:90%}}.join .expand-info .thoughts form input{width:100%;height:40px;border-radius:4px;font-family:"Poppins",sans-serif;padding-left:10px;font-size:12px;border:none}.join .expand-info .thoughts form i{font-size:20px;color:#ff4d2e;margin-left:3px}.join .expand-info .thoughts form .sign{position:absolute;display:flex;width:50%;margin-left:55%}.join .expand-info .thoughts form .sign button{width:30%;height:24px;border-radius:6px;margin-left:10px;font-size:12px;border:1px solid #ff4d2e;font-family:"Poppins",sans-serif;text-align:center;display:inline-block}.join .expand-info .thoughts form .sign .signIn{background-color:#fff;color:#ff4d2e}.join .expand-info .thoughts form .sign .signUp{background-color:#ff4d2e;color:#fff}.join .expand-info .thoughts .showComments{display:flex;flex-direction:column;font-family:"Poppins",sans-serif}.join .expand-info .thoughts .showComments .each-comment{display:flex;flex-direction:row;align-items:center;margin-top:10px}.join .expand-info .thoughts .showComments .each-comment .avatar{width:3%;height:30px;border-radius:50%;margin-right:10px;text-align:center;display:flex;align-items:center;justify-content:center;background-color:#fff}@media (max-width:500px){.join .expand-info .thoughts .showComments .each-comment .avatar{width:10%}}.join .expand-info .thoughts .showComments .each-comment .comment-container{padding:5px;border:1px solid #c8c8c8;border-radius:4px}.nav-frame{display:flex;align-items:center;justify-content:flex-start}.nav-frame .logo{margin-right:20px;margin-left:20px;color:#ff4d2e;font-family:"Dancing Script",cursive}.nav-frame .navigation{display:flex;justify-content:space-around;align-items:flex-end}.nav-frame .navigation a{margin-right:20px;font-family:"Poppins",sans-serif;text-decoration:none;color:#322f2e}.create-frame{background-color:#3a3a39;height:100%;min-height:100vh;width:100%}.create-frame,.create-frame .created{display:flex;align-items:center;justify-content:center;font-family:"Poppins",sans-serif}.create-frame .created{flex-direction:column}.create-frame .created .announce{color:#ff4d2e;font-size:40px}.create-frame .created a{color:#fddacc;font-size:20px;text-decoration:underline;font-style:italic}.create-frame .info{width:60%;background-color:#fff;border-radius:8px;height:62vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-60px}@media (max-width:1000px){.create-frame .info{margin-top:10px;height:80vh}}@media (max-width:500px){.create-frame .info{height:90vh;background-color:#3a3a39}}.create-frame .info h1{color:#ff4d2e;margin-bottom:30px;text-align:center}@media (max-width:1000px){.create-frame .info h1{margin-bottom:20px;font-size:26px}}@media (max-width:500px){.create-frame .info h1{margin-bottom:10px;font-size:20px}}.create-frame .info form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:70%}@media (max-width:500px){.create-frame .info form{width:100%}}.create-frame .info form .name{display:flex;justify-content:space-between;width:100%}@media (max-width:500px){.create-frame .info form .name{display:flex;flex-direction:column;justify-content:space-between}}.create-frame .info form .user{display:flex;width:100%}@media (max-width:500px){.create-frame .info form .user{display:flex;flex-direction:column;justify-content:space-between}}.create-frame .info form .details{display:flex;width:100%}@media (max-width:500px){.create-frame .info form .details{display:flex;flex-direction:column;justify-content:space-between}}.create-frame .info form .cate-team{display:flex;width:100%}@media (max-width:500px){.create-frame .info form .cate-team{display:flex;flex-direction:column;justify-content:space-between}}.create-frame .info form .cate-team .cate{height:40px;width:100%;border-radius:4px;border:1px solid #e7e4e3;padding:5px;font-size:12px;margin:5px 5px 10px;font-family:"Poppins",sans-serif;color:#656463}@media (max-width:500px){.create-frame .info form .cate-team .cate{height:30px;font-size:10px;background-color:#fff}}.create-frame .info form .role-remind{font-size:11px;font-family:"Poppins",sans-serif;color:#ff4d2e;font-style:italic;display:flex;justify-content:flex-end;margin-top:-5px;margin-bottom:0;width:100%}.create-frame .info form .otherCate{width:100%;display:flex;justify-content:space-between}@media (max-width:500px){.create-frame .info form .otherCate{display:flex;flex-direction:column}}.create-frame .info form input{height:40px;width:100%;border-radius:4px;border:1px solid #e7e4e3;padding:5px;font-size:12px;margin:5px 5px 10px;font-family:"Poppins",sans-serif}@media (max-width:500px){.create-frame .info form input{height:30px;font-size:10px;margin-bottom:10px}}.create-frame .info form .more-details{height:60px;margin-top:10px}.create-frame .info form button{width:20%;border-radius:12px;padding:5px;background-color:#ff4d2e;color:#fff;font-size:14px;border:1px solid #ff4d2e;font-weight:700;margin-top:20px;margin-bottom:20px;font-family:"Poppins",sans-serif}@media (max-width:500px){.create-frame .info form button{margin-top:10px;font-size:12px;width:40%}}.create-frame .display{padding-top:60px;width:50%}.create-frame .display .display-container{padding:40px;height:300px;width:60%;display:flex;justify-content:center;align-items:center}.banner,.create-frame .display .display-color-picker form{display:flex;flex-direction:column}.banner{background-image:-webkit-gradient(linear,left top,right top,from(#fddacc),to(#fcf1c7));background-image:linear-gradient(90deg,#fddacc,#fcf1c7);justify-content:center;padding-left:150px}@media (max-width:1000px){.banner{padding-left:100px}}@media (max-width:500px){.banner{padding-left:80px}}.banner h3{font-size:44px;margin-bottom:0}@media (max-width:1000px){.banner h3{font-size:38px}}@media (max-width:500px){.banner h3{font-size:32px}}.banner p{font-size:20px;margin-top:0}@media (max-width:1000px){.banner p{font-size:18px}}@media (max-width:500px){.banner p{font-size:16px}}.banner button{width:140px;border-radius:14px;padding:10px;background-color:#ff4d2e;color:#fff;font-size:14px;font-weight:700;border:1px solid #ff4d2e;margin-bottom:40px}@media (max-width:1000px){.banner button{width:120px;font-size:13px}}@media (max-width:500px){.banner button{width:100px;font-size:11px}}.signUp{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:#fff;margin-left:auto;margin-right:auto}.signUp img{width:40%;height:auto}@media (max-width:1000px){.signUp img{display:none}}@media (max-width:500px){.signUp img{display:none}}.signUp form{width:60%;margin-top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}@media (max-width:1000px){.signUp form{width:100%}}@media (max-width:500px){.signUp form{width:100%}}.signUp form h3{margin-top:0;color:#ff4d2e;font-size:40px;font-family:"Dancing Script",cursive;text-align:center}@media (max-width:500px){.signUp form h3{margin-bottom:10px}}.signUp form div{width:60%;display:flex;margin-bottom:30px}@media (max-width:500px){.signUp form div{width:80%;display:flex;flex-direction:column;align-items:center;padding:0;margin-bottom:10px}}.signUp form div input{width:100%;height:40px;border-radius:4px;border:1px solid #e7e4e3;font-size:14px;margin:5px 5px 10px;font-family:"Poppins",sans-serif;background-color:#ece9e8;color:#f6461e;padding:5px 5px 5px 10px}.signUp form div input:-webkit-autofill,.signUp form div input:-webkit-autofill:focus,.signUp form div input:-webkit-autofill:hover{-webkit-text-fill-color:#f6461e;-webkit-box-shadow:0 0 0 1000px #ece9e8 inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.signUp form div ::-webkit-input-placeholder{color:#f6461e}.signUp form div :-ms-input-placeholder{color:#f6461e}.signUp form div ::-ms-input-placeholder{color:#f6461e}.signUp form div ::placeholder{color:#f6461e}.signUp form div input:focus{background-color:#fddacc}.signUp form .email-taken{margin-top:-20px;margin-bottom:10px;font-style:italic;font-family:"Poppins",sans-serif;color:#418af8}.signUp form .name{width:60%;display:flex;justify-content:space-between}@media (max-width:500px){.signUp form .name{display:flex;flex-direction:column;width:80%;justify-content:space-between;align-items:center;padding:0;margin-bottom:0}}.signUp form .name input{width:100%;height:40px;border-radius:4px;border:1px solid #e7e4e3;font-size:14px;margin:5px 5px 10px;font-family:"Poppins",sans-serif;background-color:#ece9e8;color:#f6461e;padding:5px 5px 5px 10px}@media (max-width:500px){.signUp form .name input{box-sizing:border-box;margin-bottom:20px}}.signUp form .name input:-webkit-autofill,.signUp form .name input:-webkit-autofill:focus,.signUp form .name input:-webkit-autofill:hover{-webkit-text-fill-color:#f6461e;-webkit-box-shadow:0 0 0 1000px #ece9e8 inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.signUp form .name input:focus{background-color:#fddacc}.signUp form .name ::-webkit-input-placeholder{color:#f6461e}.signUp form .name :-ms-input-placeholder{color:#f6461e}.signUp form .name ::-ms-input-placeholder{color:#f6461e}.signUp form .name ::placeholder{color:#f6461e}.signUp form .errorMessage{font-style:italic;font-family:"Poppins",sans-serif;color:#418af8}.signUp form button{width:15%;border-radius:12px;padding:8px;margin:0 0 0 10px;font-size:16px;font-weight:700;background-color:#ff4d2e;color:#fff;border:1px solid #ff4d2e;font-family:"Poppins",sans-serif}@media (max-width:500px){.signUp form button{width:40%;margin-top:10px}}.signUp form p{font-family:"Poppins",sans-serif}.signUp form p a{color:#ff4d2e;text-decoration:underline}.mine,.mine .projects{display:flex;justify-content:center}.mine .projects{flex-wrap:wrap}.mine .message{background-color:#fff;border:1px solid #ff4d2e;border-radius:4px;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;margin-top:10%}@media (max-width:500px){.mine .message{width:90%}}.mine .message h3{text-align:center;font-family:"Poppins",sans-serif;font-size:24px;color:#3f3c3b}@media (max-width:500px){.mine .message h3{font-size:20px}}.mine .message .btns{display:flex;width:100%;justify-content:center;align-items:center}@media (max-width:500px){.mine .message .btns{display:flex;flex-direction:column}}.mine .message .btns .home-btn{width:20%;border-radius:12px;padding:10px;background-color:#fff;color:#ff4d2e;font-size:14px;font-weight:700;border:1px solid #ff4d2e;margin-bottom:10px;margin-right:10px}@media (max-width:500px){.mine .message .btns .home-btn{width:40%;padding:5px;font-size:10px}}.mine .message .btns .create-btn{width:20%;border-radius:12px;padding:10px;background-color:#ff4d2e;color:#fff;font-size:14px;font-weight:700;border:1px solid #ff4d2e;margin-bottom:10px;margin-right:10px}@media (max-width:500px){.mine .message .btns .create-btn{width:40%;padding:5px;font-size:10px}}
/*# sourceMappingURL=main.fef7ffab.chunk.css.map */