*{padding:0;margin:0;box-sizing:border-box}body{font-family:"Jost",sans-serif;background-color:#f2f4ff}p{color:#647196;letter-spacing:1px;font-weight:400}h1,h2,h3,h4,h5,h6{color:#3a4374}button,option,select{outline:none;border:none;cursor:pointer}a{text-decoration:none}img{border-radius:50%;width:50%;height:auto}.profile-box{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);flex-direction:column;border-radius:10px;color:#fff;padding:2rem}.profile-box,.profile-box div:first-child{display:flex;justify-content:space-between}.profile-box div:first-child{align-items:center}.fa-sign-out-alt,.fa-user{font-size:1.1rem;cursor:pointer;color:#fff}.profile-box div h3,.profile-box div p{color:#fff}.categories-container{background-color:#fff;border-radius:10px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;gap:1rem;padding:2rem}.categories-container button:nth-of-type(4){grid-column:span 2}.btn-categories-active{background-color:#4661e6;color:#fff}.btn-categories-active,.btn-categories-inActive{border:none;outline:none;border-radius:10px;padding:10px;transition:all .3s ease;font-weight:600;font-size:.8rem;cursor:pointer}.btn-categories-inActive{background-color:#f2f4ff;color:#4661e6}.btn-categories-inActive:hover{background-color:#aab5f5;color:#fff}.btn-categories-active:hover{background-color:#5a71e4;color:#fff}.roadmap-container{background-color:#fff;border-radius:10px;padding:2rem}.roadmap-container div{display:flex;justify-content:space-between;align-items:center}.roadmap-container div:first-of-type{margin-bottom:1rem}.fa-circle{font-size:.5rem;margin-right:.8rem}.planned{color:#f49f85}.progress{color:#ad1fea}.live{color:#62bcfa}.roadmap-container div p:nth-child(2){color:#3a4374;font-weight:600;font-size:1.1rem}.roadmap-container div:first-of-type p{color:#4661e6;text-decoration:underline;cursor:pointer;font-size:.9rem;font-weight:600}.filter-container{background-color:#373f68;width:100%;color:#fff;border-radius:10px;margin:1.5rem 0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.filter-container h3{color:#fff}.btn-add-feedback{background-color:#ad1fea;padding:.8rem 1.2rem;border-radius:10px;color:#fff;font-weight:600;font-size:.8rem;transition:all .3s ease}.btn-add-feedback:hover{background-color:#b253db}.sort{display:flex;justify-content:center;align-items:center}.sort p{color:#fff;margin-right:10px}.sort select{background-color:#373f68;color:#fff}.fa-lightbulb{margin-right:.7rem}@media only screen and (max-width:640px){.filter-container h3{display:none}}@media only screen and (max-width:481px){.filter-container{padding:1rem}.sort p{display:none}}.feedback-single{background-color:#fff;width:100%;border-radius:10px;display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;transition:all .4s ease;margin-bottom:1.5rem}.feedback-single:hover{-webkit-transform:scale(1.015);transform:scale(1.015)}.feedback-downvote,.feedback-upvote{flex-direction:column;align-items:center;background-color:#f2f4ff;padding:10px 15px;border-radius:10px;cursor:pointer;transition:all .3s ease;margin-right:1rem;min-width:4rem}.feedback-downvote{background-color:#4661e6;color:#fff}.feedback-downvote:hover,.feedback-upvote:hover{background-color:#aab5f5}.downvote,.upvote{color:#647196;font-weight:600;font-size:.9rem;background-color:#f2f4ff;transition:all .3s ease}.downvote{background-color:#4661e6;color:#fff}.feedback-downvote:hover .downvote,.feedback-upvote:hover .upvote{background-color:#aab5f5}.fa-chevron-up{font-size:.7rem;margin-bottom:10px;color:#4661e6}.feedback-downvote .fa-chevron-up{color:#fff}.feedback-single div:nth-child(2){flex-grow:2}.feedback-single div:nth-child(3){display:flex;justify-content:center;align-items:center;margin-top:1rem}.feedback-single div:nth-child(2) p:nth-child(2){margin-top:.8rem}.feedback-single div:nth-child(2) button{margin-top:.8rem;background-color:#f2f4ff;color:#4661e6;padding:.5rem 1rem;border-radius:10px;font-weight:600}.link{cursor:pointer}.fa-comment{margin-right:1rem;color:#cdd2ee;font-size:1.2rem}.fa-chevron-up{margin-right:.5rem}@media only screen and (max-width:671px){.feedback-single{flex-direction:column}.feedback-single div:first-child{order:1}.feedback-single div:nth-child(3){order:2}.feedback-downvote,.feedback-upvote{margin-top:1rem}.feedback-single div:nth-child(3){margin-left:80%;margin-top:-2.5rem}}.notFound-container{background-color:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2rem 6rem;text-align:center}.notFound-container img{width:15%;margin:2rem 0}.notFound-container p{margin:1.5rem 0}@media only screen and (max-width:481px){.notFound-container{padding:2rem}}.dashboard-container{padding:3rem 20%}.dashboard-header{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}@media only screen and (max-width:1024px){.dashboard-container{padding:3rem 10%}}@media only screen and (max-width:768px){.dashboard-container{padding:3rem 1rem}.dashboard-header{grid-template-columns:repeat(2,1fr)}.dashboard-header div:first-child{grid-column:span 2}}@media only screen and (max-width:481px){.dashboard-header{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.dashboard-header div:first-child{grid-column:span 1}}.addFeedback-wrapper{display:flex;justify-content:center}.addFeedback-container{margin:5rem 1rem}.addFeedback-container,.addFeedback-form{display:flex;flex-direction:column;justify-content:space-evenly}.addFeedback-form{background-color:#fff;border-radius:10px;padding:0 2rem 2rem}.addFeedback-form h1{background-color:#4158d0;background-image:linear-gradient(45deg,#4158d0,#c850c0);color:#fff;border-radius:50%;padding:1px 27px 7px;width:10%;display:flex;justify-content:center;align-items:center;margin-top:-25px;margin-left:10px}.addFeedback-form h2{margin-top:1rem;color:#3a4374}.addFeedback-form label{color:#3a4374;font-weight:600;font-size:.9rem;margin-top:2rem}.addFeedback-form input,.addFeedback-form select,.addFeedback-form textarea{background-color:#ebecf7;padding:15px;outline:transparent;border:none;margin-top:1rem;border-radius:5px;transition:all .5s ease}.addFeedback-form input:nth-of-type(2){height:10rem}.addFeedback-form input:focus,.addFeedback-form select:focus,.addFeedback-form textarea:focus{outline:1px solid #4661e6}.addFeedback-form p{font-size:.9rem;margin-top:5px}.addFeedback-form div{display:flex;justify-content:flex-end;align-items:center;margin-top:2rem}.btn-add{margin-left:1.2rem}@media only screen and (max-width:481px){.buttons,.buttons div{flex-direction:column}.buttons div{display:flex;width:100%}.btn-add,.btn-cancel,.btn-delete{width:100%;margin-left:0}.btn-cancel{margin:.5rem 0}.addFeedback-form div{flex-direction:column}}.editFeedback-wrapper{display:flex;justify-content:center}.editFeedback-container{margin:5rem 1rem}.editFeedback-container,.editFeedback-form{display:flex;flex-direction:column;justify-content:space-evenly}.editFeedback-form{background-color:#fff;border-radius:10px;padding:0 2rem 2rem}.editFeedback-form h1{background-color:#4158d0;background-image:linear-gradient(45deg,#4158d0,#c850c0);color:#fff;font-size:1.5rem;border-radius:50%;padding:15px 27px;width:10%;display:flex;justify-content:center;align-items:center;margin-top:-25px;margin-left:10px}.editFeedback-form h2{margin-top:1rem;color:#3a4374}.editFeedback-form label{color:#3a4374;font-weight:600;font-size:.9rem;margin-top:2rem}.editFeedback-form input,.editFeedback-form select,.editFeedback-form textarea{background-color:#ebecf7;padding:15px;outline:transparent;border:none;margin-top:1rem;border-radius:5px;transition:all .5s ease}.editFeedback-form input:nth-of-type(2){height:10rem}.editFeedback-form input:focus,.editFeedback-form select:focus,.editFeedback-form textarea:focus{outline:1px solid #4661e6}.editFeedback-form p{font-size:.9rem;margin-top:5px}.buttons{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.btn-add,.btn-cancel,.btn-delete{color:#fff;padding:15px 18px;border-radius:10px;transition:all .3s ease}.btn-delete{background-color:#d73737}.btn-delete:hover{background-color:#d84e4e}@media only screen and (max-width:481px){.buttons,.buttons div{flex-direction:column}.buttons div{display:flex;width:100%}.btn-add,.btn-cancel,.btn-delete{width:100%;margin-left:0}.btn-cancel{margin:.5rem 0}}.reply-form-container{padding:0 2rem 1rem;margin-top:-1rem}.reply-form textarea{background-color:#ebecf7;padding:15px;outline:transparent;border:none;margin-top:1rem;border-radius:5px;transition:all .5s ease;width:100%}.reply-form textarea:focus{outline:1px solid #4661e6}.reply-form div{display:flex;justify-content:flex-end;align-items:flex-end;width:100%}.reply-form div button{background:transparent;font-size:1.1rem}.fa-paper-plane{color:#6c6d6e}@media only screen and (max-width:640px){.reply-form-container{padding-left:0}}.comments-container{padding:3rem 20%}.addComment-container,.comment-container{background-color:#fff;display:flex;flex-direction:column;justify-content:space-evenly}.comment-container{border-radius:10px}.comment-container h3{margin-top:1rem;margin-left:2rem;margin-bottom:1rem}.goBack{margin-bottom:3rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.goBack p{font-weight:700;font-size:.85rem}.goBack p:hover .fa-chevron-left{font-size:.9rem}.reply-img{width:80%}.comments{border-top:1px solid #f0f1f5}.comments,.comments_reply{width:100%;border-radius:10px;display:flex;justify-content:space-between;padding:2rem;transition:all .4s ease;margin-bottom:1.5rem}.comments div:nth-of-type(2){flex-grow:2;width:70%}.comments_reply div:nth-of-type(2) p:nth-of-type(2) span{color:#ad1fea;font-weight:700;font-size:.85rem}.comments_reply{padding:0 2rem 0 6rem}.comments:last-child,.comments_reply:last-child{border-bottom:none}.comments_reply div:first-child,.comments div:first-child{width:25%}.comments_reply div:nth-child(2){flex-grow:2}.comments_reply div:nth-child(2) p:first-child,.comments div:nth-child(2) p:first-child{margin-top:10px}.comments_reply div:nth-child(2) p:nth-child(3),.comments div:nth-child(2) p:nth-child(3){margin-top:1rem;padding-right:1rem}.comments_reply div:nth-child(3) h4,.comments div:nth-child(3) h4{color:#4661e6;cursor:pointer}.addComment-container{margin-top:1.5rem;border-radius:10px;padding:2rem;margin-bottom:1.5rem;width:100%}.addComment-container form textarea{height:10rem;background-color:#ebecf7;padding:15px;outline:transparent;border:none;margin-top:1rem;border-radius:5px;transition:all .5s ease;width:100%}.addComment-container form textarea:focus{outline:1px solid #4661e6}.addComment-container form div{display:flex;justify-content:flex-end}.addComment-container form div button{background-color:#ad1fea;padding:.8rem 1.2rem;border-radius:10px;color:#fff;font-weight:600;font-size:.8rem;transition:all .3s ease;margin-top:1.5rem}.addComment-container form div button:hover{background-color:#b253db}@media only screen and (max-width:1024px){.comments-container{padding:3rem 10%}}@media only screen and (max-width:768px){.comments-container{padding:3rem 1rem}}@media only screen and (max-width:640px){img{min-width:50px;margin-right:5px}.reply-img{width:50%}.reply-form textarea{margin-left:1rem}.comments_reply div:nth-child(3) h4,.comments div:nth-child(3) h4{font-size:.8rem}.comments_reply{padding:0 2rem 0 4rem}}@media only screen and (max-width:480px){.btn-cancel.edit{width:40%}}.roadmapHeader-container{background-color:#373f68;border-radius:10px;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.roadmapHeader-container div p,h2{color:#fff}.roadmapHeader-container div p{font-size:.8rem;font-weight:600}.roadmapHeader-container div p i{color:#fff}.roadmapHeader-container div h2{margin-top:.5rem}.roadmapHeader-container div p:hover .fa-chevron-left{font-size:.9rem}.planned-task{background-color:#fff;margin:1.5rem 0;border-top:5px solid #f49f85;border-radius:10px;padding:2rem;transition:all .4s ease}.planned-task:hover{-webkit-transform:scale(1.015);transform:scale(1.015)}.btn-category{background-color:#f2f4ff;color:#4661e6;border:none;outline:none;border-radius:10px;padding:10px;font-weight:600;font-size:.8rem;cursor:pointer}.planned-task p:first-child{display:flex;justify-content:flex-start;align-items:center;font-size:.85rem}.planned-task p .fa-circle{color:#f49f85}.planned-task h5{margin:1rem 0}.planned-task p:nth-child(3){font-size:.9rem;margin-bottom:1rem}.feedback-downvote-roadmap,.feedback-upvote-roadmap{background-color:#f2f4ff;padding:5px 10px;border-radius:10px;cursor:pointer;transition:all .3s ease}.feedback-downvote-roadmap{background-color:#4661e6;color:#fff}.feedback-downvote-roadmap:hover,.feedback-downvote-roadmap:hover .downvote,.feedback-upvote-roadmap:hover{background-color:#aab5f5}.feedback-downvote-roadmap .fa-chevron-up{color:#fff}.progress-task{background-color:#fff;margin:1.5rem 0;border-top:5px solid #ad1fea;border-radius:10px;padding:2rem;transition:all .4s ease}.progress-task:hover{-webkit-transform:scale(1.015);transform:scale(1.015)}.progress-task p:first-child{display:flex;justify-content:flex-start;align-items:center;font-size:.85rem}.progress-task p .fa-circle{color:#ad1fea}.progress-task h5{margin:1rem 0}.progress-task p:nth-child(3){font-size:.9rem;margin-bottom:1rem}.live-task{background-color:#fff;margin:1.5rem 0;border-top:5px solid #62bcfa;border-radius:10px;padding:2rem;transition:all .4s ease}.live-task:hover{-webkit-transform:scale(1.015);transform:scale(1.015)}.live-task p:first-child{display:flex;justify-content:flex-start;align-items:center;font-size:.85rem}.live-task p .fa-circle{color:#62bcfa}.live-task h5{margin:1rem 0}.live-task p:nth-child(3){font-size:.9rem;margin-bottom:1rem}.feedback-upvote-roadmap{background-color:#f2f4ff;padding:5px 10px;border-radius:10px;cursor:pointer;transition:all .3s ease}.feedback-upvote-roadmap:hover,.feedback-upvote-roadmap:hover .upvote{background-color:#aab5f5}.stats{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.stats p:first-child{background-color:#aab5f5;color:#fff;border-radius:10px;padding:10px 10px 7px;font-weight:600;font-size:.8rem}.roadmap-wrapper{display:flex;justify-content:center;align-items:center;padding:1rem}.roadmap-wrapper2{width:60%;margin-top:3rem}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2rem;grid-gap:.8rem;gap:.8rem}.mobile-roadmap-menu,.roadmap-mobile{display:none}@media only screen and (max-width:1024px){.roadmap-wrapper2{width:80%}}@media only screen and (max-width:768px){.roadmap-wrapper2{width:100%}}@media only screen and (max-width:640px){.roadmap-grid{grid-template-columns:1fr}}@media only screen and (max-width:481px){.mobile-roadmap-menu{display:block;display:flex;justify-content:space-around;align-items:center;margin-top:2rem;background-color:#fff}.btn-notActive{background:transparent;color:#3a4374;border-bottom:1px solid transparent;padding:1.3rem;transition:all .5s ease-in-out;font-size:.8rem}.btn-active-live,.btn-active-planned,.btn-active-progress{background:transparent;color:#3a4374;padding:1.3rem;font-weight:700;font-size:.8rem}.btn-active-planned{border-bottom:2px solid #f49f85}.btn-active-progress{border-bottom:2px solid #ad1fea}.btn-active-live{border-bottom:2px solid #62bcfa}.roadmap-mobile{display:block;margin-top:1rem}.roadmap-grid{display:none}}.signin-wrapper{display:flex;justify-content:center}.signin-container{display:flex;flex-direction:column;justify-content:space-evenly;margin:5rem 1rem;min-width:42%}.back{margin-bottom:3rem;cursor:pointer}.back p{font-weight:700;font-size:.85rem}.back p:hover .fa-chevron-left{font-size:.9rem}.fa-chevron-left{font-size:.7rem;font-weight:700;margin-right:10px;color:#4158d0;transition:all .3s ease}.signin-form{display:flex;flex-direction:column;justify-content:space-evenly;background-color:#fff;border-radius:10px;padding:0 2rem 2rem}form span{color:#d73737;margin-top:5px}.signin-form h1{background-color:#4158d0;background-image:linear-gradient(45deg,#4158d0,#c850c0);color:#fff;border-radius:50%;padding:1px 27px 7px;width:10%;display:flex;justify-content:center;align-items:center;margin-top:-25px;margin-left:10px}.signin-form h2{margin-top:1rem;color:#3a4374}.signin-form label{color:#3a4374;font-weight:600;font-size:.9rem;margin-top:2rem}.signin-form input,.signin-form select,.signin-form textarea{background-color:#ebecf7;padding:15px;outline:transparent;border:none;margin-top:1rem;border-radius:5px;transition:all .5s ease}.signin-form input:focus,.signin-form select:focus,.signin-form textarea:focus{outline:1px solid #4661e6}.signin-form p{font-size:.9rem;margin-top:5px}.signin-form div{display:flex;justify-content:flex-end;align-items:center;margin-top:2rem}.btn-cancel{background-color:#4661e6;color:#fff;padding:15px 18px;border-radius:10px;transition:all .3s ease}.btn-cancel:hover{background-color:#667be2}.btn-add{background-color:#ad1fea;color:#fff;padding:15px 18px;border-radius:10px;transition:all .3s ease}.btn-add:hover{background-color:#b253db}@media only screen and (max-width:1024px){.signin-container{min-width:62%}}@media only screen and (max-width:768px){.signin-container{min-width:82%}}@media only screen and (max-width:640px){.signin-container{min-width:92%}}@media only screen and (max-width:481px){.buttons,.buttons div{flex-direction:column}.buttons div{display:flex;width:100%}.btn-add,.btn-cancel,.btn-delete{width:100%;margin-left:0}.btn-cancel{margin:.5rem 0}.signin-form div{flex-direction:column}}
/*# sourceMappingURL=main.ccdff5e2.chunk.css.map */