@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=Luckiest+Guy&family=Roboto:wght@400;700&display=swap);:root{--heading-color:#444;--text-color:#999;--primary-color:#54befb;--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:1.2em}.btn{background:#00f;border:1px solid #54befb;border:1px solid var(--primary-color);border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:8px 12px}.btn:hover{background-color:#0000b9;color:#fff}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:pink;border:1px solid red;border-radius:4px;color:red;margin:10px 0;padding:8px}.App{display:flex}.App .container{flex-grow:1;padding:0 60px}.auth-form,.login-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}.project-filter{margin:20px auto}.project-filter nav{background-color:#fff;border-radius:4px;display:flex;margin-bottom:-20px;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:Luckiest Guy,Roboto;font-size:.9em;font-weight:400}.project-filter button:last-child{border:0}.project-filter button.active{color:var(--primary-color)}.p-title{color:#000;font-family:Luckiest Guy,Roboto;font-size:25px;margin-bottom:10px}.due-date{color:#414141;font-size:15px}.assigned-users{border-top:1px solid #eee;margin-top:20px;padding-top:10px}.assigned-users .avatar{height:40px;width:40px}.avatar{-webkit-animation:fall .25s ease-in-out,shake 1.25s cubic-bezier(.36,.07,.19,.97) 3;animation:fall .25s ease-in-out,shake 1.25s cubic-bezier(.36,.07,.19,.97) 3;background:linear-gradient(#f0f0f0,#f0f0f0) padding-box,linear-gradient(90deg,red,#222224) border-box;border:4px solid transparent;border-radius:50%;box-shadow:inset -10px 10px 0 10px #fff;display:inline-flex;height:50px;overflow:hidden;position:relative;width:auto}@-webkit-keyframes blink{0%{background:#eee}to{background:#e74c3c}}@keyframes blink{0%{background:#eee}to{background:#e74c3c}}@-webkit-keyframes shake{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}20%{-webkit-transform:translate(-10px) rotate(-20deg);transform:translate(-10px) rotate(-20deg)}30%{-webkit-transform:translate(10px) rotate(20deg);transform:translate(10px) rotate(20deg)}50%{-webkit-transform:translate(-10px) rotate(-10deg);transform:translate(-10px) rotate(-10deg)}60%{-webkit-transform:translate(10px) rotate(10deg);transform:translate(10px) rotate(10deg)}to{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}}@keyframes shake{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}20%{-webkit-transform:translate(-10px) rotate(-20deg);transform:translate(-10px) rotate(-20deg)}30%{-webkit-transform:translate(10px) rotate(20deg);transform:translate(10px) rotate(20deg)}50%{-webkit-transform:translate(-10px) rotate(-10deg);transform:translate(-10px) rotate(-10deg)}60%{-webkit-transform:translate(10px) rotate(10deg);transform:translate(10px) rotate(10deg)}to{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}}@-webkit-keyframes fall{0%{top:-200px}60%{top:0}80%{top:-20px}to{top:0}}@keyframes fall{0%{top:-200px}60%{top:0}80%{top:-20px}to{top:0}}.pokeball img{height:100%;width:100%}.project-taskData .created-by,.project-taskData .date,.project-taskData .details,.project-taskData .title,.project-taskData h4{font-family:Luckiest Guy,Roboto;font-weight:500}.project-taskData .title{margin-top:10px;text-align:center}.project-taskData .created-by{margin-bottom:30px;text-align:center}.project-taskData .date{color:#414141;font-size:.9em;margin:10px 0}.project-taskData .details{color:#000;font-size:.9em;line-height:1.8em;margin:25px 0}.project-taskData h4{color:#414141;font-size:.9em}.project-taskData .users{display:flex;margin-top:10px}.project-taskData .users .avatar{height:40px;margin-right:10px;width:40px}.project-taskData+.btn{margin-top:20px}.project-comments label{margin-bottom:0}.project-comments textarea{font-size:1.5em;min-height:40px}.project-taskData .image{height:20px;width:20px}.project-taskData .image-button{float:right;height:20px;margin-right:10px;width:20px}.input-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column}.input-container h4{align-self:flex-start}.input-container textarea{align-self:center;min-height:80px;outline:auto;overflow:hidden;resize:none;width:95%}.input-container button{align-self:flex-end;background-color:#1d9bf0;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:10px 16px 10px 10px;padding:8px 16px;vertical-align:middle}.input-container button:hover{box-shadow:5px 5px 5px rgba(0,0,0,.15)}.project-comments{background:#e3e3e3;border-radius:.4em;margin:10px 20px 30px;position:relative;width:400px}.project-comments:after{border:20px solid transparent;border-left:0;border-right-color:#e3e3e3;border-top:0;content:"";height:0;left:0;margin-left:-20px;margin-top:-10px;position:absolute;top:50%;width:0}.past-comments{color:var(--heading-color);margin-bottom:20px}.project-comments li{border:1px solid #f2f2f2;border-radius:4px;box-shadow:3px 3px 5px rgba(0,0,0,.05);margin-top:20px;padding:6px}.comment-author{align-items:center;color:var(--title-color);display:flex}.comment-author .avatar{height:40px;margin:10px 10px 0;width:40px}.comment-date{color:var(--text-color);font-size:.9em;margin:10px}.project-comments .comment-content{color:var(--text-color);font-size:.9em;line-height:1.1em;margin-left:10px;margin-right:10px;margin-top:20px}.project-form{max-width:700px}.navbar{box-sizing:border-box;margin-bottom:80px;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}.navbar .logo img{margin-right:10px;margin-top:-8px;width:180px}.navbar a{color:#333;margin-right:20px;text-decoration:none}.sidebar{background:#54befb;box-sizing:border-box;color:#fff;min-height:100vh;min-width:300px;position:relative;width:300px}.sidebar-content{position:fixed;width:inherit}.sidebar .user{border-bottom:1px solid hsla(0,0%,100%,.2);font-weight:700;letter-spacing:1px;padding:40px 30px;text-align:center}.sidebar .user .avatar{height:50px;width:50px}.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%)}.user-list{background:#ffadad;box-sizing:border-box;color:#000;min-width:250px;padding:30px;width:250px}.user-list h2{border-bottom:1px solid #ffd6d6;font-size:1.2em;margin-bottom:30px;padding-bottom:10px;text-align:right}.user-list .user-list-item{align-items:center;display:flex;font-size:15px;font-weight:500;justify-content:flex-end;line-height:1.5em;margin:20px auto}.user-list .avatar{height:40px;margin-left:10px;width:40px}.online-status{display:inline-block;height:20px;padding-right:10px;width:20px}
/*# sourceMappingURL=main.43bea455.css.map*/