@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Slackside+One&display=swap);:root{--heading-color:#444;--text-color:#999;--primary-color:#8d69f1;--highlight-color:#d13267;--bg-color:#f4f4f4}body{background:#f4f4f4;background:var(--bg-color);font-family:Poppins,sans-serif;font-size:1.1em;margin:0}h1,h2,h3,h4,li,p,ul{margin:0;padding:0}ul{list-style-type:none}.page-title{color:#444;color:var(--heading-color);display:inline-block;font-size:1em}.btn{background:#fff;border:1px solid #8d69f1;border:1px solid var(--primary-color);border-radius:4px;color:#8d69f1;color:var(--primary-color);cursor:pointer;font-size:1em;padding:8px 12px}.btn:hover{background-color:#8d69f1;background-color:var(--primary-color);color:#fff}.back-btn{height:35px;width:35px}label{display:block;margin:24px auto}label span{display:block;margin-bottom:6px}input,textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;color:#777;font-size:1em;padding:8px 6px;width:100%}textarea{min-height:160px}.error{background:#ef4c67;border:1px solid #fff;border-radius:4px;color:#fbf5f5;margin:10px 0;max-width:600px;padding:8px;text-align:center}.mg-b-lg{margin-bottom:2rem}.App{display:flex}.App .container{flex-grow:1;padding:0 40px}@media (max-width:500px){.App .container{padding:0 20px}}@media (max-width:400px){.App .container{padding:0 15px}}.avatar{border-radius:50%;display:inline-block;height:50px;overflow:hidden;width:50px}.avatar img{height:100%;width:100%}.project-list{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:40px;padding-bottom:3rem}.project-list a{background-color:#fff;border-radius:6px;box-shadow:3px 3px 5px rgba(0,0,0,.05);color:inherit;padding:16px;text-decoration:none}.project-list h4{color:var(--heading-color);font-size:.9em}.project-list p{color:var(--text-color);font-size:.9em}.project-list .assigned-to{border-top:1px solid #eee;margin-top:20px;padding-top:10px}.project-list ul{display:flex;margin:10px 0}.project-list li{margin-right:10px}.project-list .avatar{height:30px;width:30px}@media screen and (max-width:850px){.project-list h4{font-size:.7em}.project-list p{font-size:.6em}.project-list .avatar{height:25px;width:25px}.project-list a{padding:10px}}.project-filter{margin:30px auto}.dashboard-main{align-items:center;display:flex;justify-content:space-between}.dashboard-add-project{display:none;font-size:.7em;text-decoration:none}.project-filter nav{background-color:#fff;border-radius:4px;display:flex;padding:10px}.project-filter p{font-size:.9em;margin-right:10px}.project-filter button{background:transparent;border:0;border-right:1px solid #e4e4e4;color:var(--text-color);cursor:pointer;font-family:inherit;font-size:.9em;font-weight:700}.project-filter button:last-child{border:0}.project-filter button.active{color:var(--primary-color)}@media screen and (max-width:1180px){.project-filter{font-size:.8em}}@media screen and (max-width:850px){.project-filter{font-size:.6em}}@media screen and (max-width:600px){.dashboard-add-project{display:block}}@media screen and (max-width:460px){.project-filter nav{flex-direction:column}.project-filter nav>p{margin-bottom:1em;text-align:center}.project-filter nav{align-items:center;padding:5px}}@media screen and (max-width:400px){.project-filter nav{padding-inline:1px}}.btn-container{display:flex;justify-content:space-between}.demo-loading{margin-left:auto}.signup-action{font-size:.9rem;margin-top:30px;text-align:center}.auth-form{background:#fff;border:1px solid #ddd;box-shadow:3px 3px 5px rgba(0,0,0,.05);margin:60px auto;max-width:360px;padding:40px}.login-action{font-size:.9rem;margin-top:30px;text-align:center}@media secreen and (max-width:500px){.auth-form{font-size:.8rem}}.create-form{max-width:600px;padding-bottom:4.2rem}.heading-container{align-items:center;display:flex;justify-content:space-between}@media (max-width:500px){.create-form{font-size:.7em}}.project-details{grid-gap:60px;align-items:start;display:grid;grid-template-columns:3fr 2fr;padding-bottom:3rem}.project-summary{background-color:#fff;border-radius:4px;padding:30px}.project-summary .due-date{color:var(--title-color);font-size:.9em;margin:10px 0}.project-summary .details{line-height:1.8em;margin:30px 0}.project-summary .details,.project-summary h4{color:var(--text-color);font-size:.9em}.project-summary .assigned-users{display:flex;margin-top:20px}.project-summary .assigned-users .avatar{margin-right:10px}.project-summary+.btn{margin-top:20px}.project-comments label{margin-bottom:0}.project-comments textarea{font-size:1.5em;min-height:40px}.project-comments h4{color:var(--heading-color)}.project-comments li{background:#fff;border:1px solid #f2f2f2;border-radius:4px;box-shadow:3px 3px 5px rgba(0,0,0,.05);margin-top:20px;padding:16px}.comment-author{align-items:center;color:var(--title-color);display:flex}.comment-author .avatar{height:30px;margin-right:10px;width:30px}.comment-date{margin:4px 0 10px}.comment-content,.comment-date{color:var(--text-color);font-size:.9em}@media screen and (max-width:900px){.project-details h2{font-size:.9em}.details,.project-details .due-date,.project-details p,h4{font-size:.7em}.project-details .avatar{height:40px;width:40px}.comment-author .avatar{height:30px;width:30px}.project-details button{font-size:12px}}@media screen and (max-width:800px){.project-details{grid-template-columns:1fr}}.navbar{box-sizing:border-box;margin-bottom:40px;padding:30px 0;width:100%}.navbar ul{justify-content:flex-end;margin:0 auto}.navbar .logo,.navbar ul{align-items:center;display:flex}.navbar .logo{color:var(--heading-color);font-weight:700;letter-spacing:1px;margin-right:auto}.logo>a{align-items:center;display:flex}.navbar .logo img{-webkit-filter:invert(20%);filter:invert(20%);margin-right:10px;margin-top:-8px;width:36px}.navbar a{color:#333;margin-right:20px;text-decoration:none}@media screen and (max-width:800px){.navbar{margin-bottom:20px}}@media screen and (max-width:600px){.navbar .btn{font-size:.7em}}.sidebar{background:var(--primary-color);box-sizing:border-box;color:#fff;min-height:100vh;min-width:300px;position:relative;width:300px}.sidebar .user{border-bottom:1px solid hsla(0,0%,100%,.2);font-weight:700;letter-spacing:1px;padding:40px 30px;text-align:center}.sidebar .links{margin-left:20px;margin-top:80px}.sidebar .links li{margin-top:10px}.sidebar .links a{box-sizing:border-box;color:#fff;display:flex;padding:10px;text-decoration:none;width:100%}.sidebar .links img{-webkit-filter:invert(100%);filter:invert(100%);margin-right:10px}.sidebar .links a.active{background:var(--bg-color);border-radius:20px 0 0 20px;color:#555}.sidebar .links .active img{-webkit-filter:invert(40%);filter:invert(40%)}@media screen and (max-width:1100px){.sidebar{min-width:200px;width:200px}.sidebar .user{font-size:.9rem}.sidebar .avatar{height:40px;width:40px}.sidebar .links{font-size:.7em}.sidebar .links img{width:18px}}@media screen and (max-width:650px){.sidebar{min-width:150px;width:150px}}@media screen and (max-width:600px){.sidebar{display:none}}.user-list{background:#fbfbfb;box-sizing:border-box;color:var(--heading-color);min-width:250px;padding:30px;width:250px}.user-list h2{border-bottom:1px solid #eee;font-size:1.2em;margin-bottom:40px;padding-bottom:10px;text-align:right}.user-list .user-list-item{align-items:center;display:flex;justify-content:flex-end;margin:20px auto}.user-list .avatar{height:40px;margin-left:10px;width:40px}.user-list .online-user{background:#0ebb50;border-radius:50%;display:inline-block;height:12px;margin-right:10px;margin-top:2px;width:12px}@media screen and (max-width:1050px){.user-list{min-width:150px;padding:10px;width:150px}.user-list h2{font-size:1em;margin-top:2rem;text-align:center}.user-list .user-list-item{font-size:.8em;justify-content:flex-end;margin-right:1.6em}.user-list .avatar{height:30px;width:30px}.user-list .online-user{height:8px;width:8px}}@media screen and (max-width:900px){.user-list{display:none}}.landing h1{color:var(--primary-color);font-family:Caveat,cursive;font-size:4rem}.landing__hero{display:flex;gap:3rem;justify-content:center;margin-top:4rem}.landing__hero__text{margin-top:5rem}.landing__hero__text a{color:#fff;display:inline-block;font-family:Caveat,cursive;font-size:1.8rem;margin-left:2rem;margin-top:2rem;position:relative;text-decoration:none}.landing__hero__text a:before{background:var(--primary-color);border-radius:5px;bottom:2%;content:"";height:35px;left:52%;position:absolute;-webkit-transform:skew(-12deg) translateX(-50%) rotate(-1deg);transform:skew(-12deg) translateX(-50%) rotate(-1deg);width:120%;z-index:-1}.landing__hero__image img{width:400px}@media screen and (max-width:1100px){.landing h1{font-size:3rem}.landing__hero__text a{font-size:1.3rem;margin-top:1rem}.landing__hero__text a:before{height:25px}}@media screen and (max-width:950px){.landing__hero__image img{margin-top:2rem;width:300px}.landing h1{font-size:2.3rem}.landing__hero__text a{margin-top:1rem}.landing__hero{gap:2rem}}@media screen and (max-width:750px){.landing__hero{align-items:center;flex-direction:column;justify-content:center}.landing__hero__image img,.landing__hero__text{margin-top:1rem}}
/*# sourceMappingURL=main.4f764d24.css.map*/