#root{width:100%;margin:0;padding:0;overflow-x:hidden}.project-list{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:20px}.project-list a{background-color:#fff;padding:16px;border-radius:6px;box-shadow:3px 3px 5px rgba(0,0,0,.05);text-decoration:none;color:inherit}.project-list h4{font-size:.9em;color:var(--heading-color)}.project-list p{color:var(--text-color);font-size:.9em}.project-list .assigned-to{margin-top:20px;padding-top:10px;border-top:1px solid #eee}.project-list ul{margin:10px 0;display:flex}.project-list li{margin-right:10px}.project-list .avatar{width:30px;height:30px}.create-form{max-width:600px}.App{display:flex}.App .container{flex-grow:1;padding-top:10px}.project-filter{margin:30px auto}.project-filter nav{display:flex;padding:10px;background-color:#fff;border-radius:4px}.project-filter p{font-size:.9em;margin-right:10px}.project-filter button{background:transparent;border:0;font-family:inherit;font-weight:700;color:var(--text-color);cursor:pointer;border-right:1px solid #e4e4e4;font-size:.9em}.project-filter button:last-child{border:0}.project-filter button.active{color:var(--primary-color)}.project-details{display:grid;grid-template-columns:3fr 2fr;align-items:start;grid-gap:60px}.project-summary{background-color:#fff;padding:30px;border-radius:4px}.project-summary .due-date{margin:10px 0;font-size:.9em;color:var(--title-color)}.project-summary .details{margin:30px 0;line-height:1.8em}.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{min-height:40px;font-size:1.5em}.project-comments h4{color:var(--heading-color)}.project-comments li{padding:16px;border-radius:4px;border:1px solid #f2f2f2;margin-top:20px;box-shadow:3px 3px 5px rgba(0,0,0,.05);background:#fff}.comment-author{display:flex;align-items:center;color:var(--title-color)}.comment-author .avatar{width:30px;height:30px;margin-right:10px}.comment-date{margin:4px 0 10px}.comment-content,.comment-date{color:var(--text-color);font-size:.9em}.project-comments{max-height:800px;overflow:auto;padding-right:20px;scrollbar-width:20px;scrollbar-color:#fff #e4e4e4}.project-comments::-webkit-scrollbar{width:6px}.project-comments::-webkit-scrollbar-track{background:#fff}.project-comments::-webkit-scrollbar-thumb{border-radius:10px;border:3px solid #e4e4e4}.sidebar{width:300px;min-width:300px;padding-top:1rems;background:var(--primary-color);min-height:100vh;box-sizing:border-box;position:relative;color:#fff}.sidebar-content{position:fixed;width:inherit}.sidebar .links{margin-top:80px;margin-left:20px}.sidebar .links li{margin-top:10px}.sidebar .links a{display:flex;padding:10px;text-decoration:none;width:100%;color:#000;box-sizing:border-box}.sidebar .links img{margin-right:10px;-webkit-filter:invert(100%);filter:invert(100%);color:#000}.sidebar .links a.active{color:#555;background:var(--bg-color);border-radius:20px 0 0 20px}.sidebar .links img{-webkit-filter:invert(40%);filter:invert(40%)}.sidebar .user .avatar{margin-bottom:10px;width:70px;height:70px;border:3px solid #fff}.error{background-color:#fcc;color:#be1000;padding:10px;border:1px solid #c00;border-radius:5px;margin-bottom:10px;margin-top:10px}.top-image-container{width:100%;max-height:0;padding-bottom:30%;overflow:hidden;position:relative}.top-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
/*# sourceMappingURL=main.34e9f390.chunk.css.map */