@import url(https://fonts.googleapis.com/css2?family=Fredericka+the+Great&family=Open+Sans:wght@300;400;500&display=swap);nav{background-color:#fff;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);height:8vh;position:fixed;width:100%;z-index:3}nav .navbar{position:relative}nav .navbar,nav .navbar .logo{align-items:center;display:flex;height:100%;justify-content:center}nav .navbar .logo{width:3rem}nav .navbar .logo a{align-items:center;display:flex;justify-content:center;width:100%}nav .navbar .desktop-links,nav .navbar .desktop-user{display:none}nav .navbar .menu{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:2rem}nav .navbar .profile{border-radius:50%;height:50px;overflow:hidden;width:50px}nav .navbar .mobile-sidebar{background-color:#fff;box-shadow:-1px 0 0 1px rgba(50,50,93,.25);box-shadow:-2px 0 5px -1px rgba(50,50,93,.25),-1px 0 3px -1px rgba(0,0,0,.3);height:calc(100% - 8vh);overflow-y:scroll;padding-top:3rem;position:fixed;right:0;top:8vh;transition:all .2s ease-in-out;width:200px}nav .navbar .mobile-sidebar a{align-items:center;display:block;display:flex;padding:.75rem 1rem}nav .navbar .mobile-sidebar a img{margin-right:.5rem}nav .navbar .mobile-sidebar a.active{border-left:3px solid #4285f4}nav .navbar .mobile-sidebar .create{background-color:#4285f4;border-radius:10rem;color:#fff;justify-content:center;margin:0 1.5rem 2rem;padding:.5rem}nav .navbar .mobile-sidebar p{margin:0 0 1rem .5rem}nav .navbar .mobile-sidebar .mobile-sidebar-user{align-items:center;display:flex;gap:2rem;margin-bottom:2rem;padding:0 1rem}nav .navbar .mobile-sidebar .mobile-sidebar-user a{padding:0;position:relative}nav .navbar .mobile-sidebar .mobile-sidebar-user a span{background-color:red;border-radius:50%;height:8px;position:absolute;right:8px;top:0;width:8px}nav .navbar .mobile-sidebar .mobile-sidebar-categories{margin-top:3rem}nav .navbar .mobile-sidebar .mobile-sidebar-logout{align-items:center;display:flex;margin-top:3rem;padding:0 1rem}nav .navbar .mobile-sidebar .mobile-sidebar-logout img{margin-right:.5rem}nav .navbar .mobile-sidebar .mobile-links{color:#4285f4;display:flex;justify-content:space-between;margin-bottom:2rem}nav .navbar .disable-mobile-sidebar{-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .2s ease-in-out}nav .navbar .links{display:flex;gap:2rem}@media screen and (min-width:1024px){nav .navbar{justify-content:space-between}nav .navbar .menu{display:none}nav .navbar .desktop-links{display:flex;font-size:1.125rem;font-weight:500;gap:2rem}nav .navbar .mobile-sidebar{box-shadow:2px 0 5px -1px rgba(50,50,93,.25),1px 0 3px -1px rgba(0,0,0,.3);left:0;overflow-y:auto}nav .navbar .mobile-sidebar a.active{border-left:none;border-right:3px solid #4285f4}nav .navbar .mobile-sidebar .mobile-links,nav .navbar .mobile-sidebar .mobile-notification,nav .navbar .mobile-sidebar .mobile-sidebar-logout,nav .navbar .mobile-sidebar .mobile-sidebar-user{display:none}nav .navbar .disable-mobile-sidebar{-webkit-transform:translateX(0);transform:translateX(0)}nav .navbar .desktop-user{display:flex;gap:2rem}nav .navbar .desktop-user a{position:relative}nav .navbar .desktop-user a span{background-color:red;border-radius:50%;height:8px;position:absolute;right:0;top:25%;width:8px}nav .navbar .desktop-user>*{align-items:center;display:flex}nav .navbar .desktop-user .desktop-logout{cursor:pointer}}.App{min-height:100vh;overflow-x:hidden}.main{padding:10vh .5rem 0;width:100%}@media screen and (min-width:1024px){.main{padding:12vh 30px 4vh 230px}}.project-list{box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);width:300px}.project-list:hover{-webkit-transform:scale(1.02);transform:scale(1.02);transition:all .2s ease-in-out}.project-list .status{margin-bottom:1rem;padding:1rem .5rem}.project-list .inwork{border-bottom:3px solid #6c25be}.project-list .completed{border-bottom:3px solid #49be25}.project-list .project-list-detail{margin-top:3rem;padding:0 1rem}.project-list .project-list-detail h3{margin-bottom:1rem}.project-list .project-list-detail p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4e4e4e;display:-webkit-box;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.project-list .project-list-detail .development{color:#6a74ff}.project-list .project-list-detail .design{color:#5dd1d9}.project-list .project-list-detail .marketing{color:#d47839}.project-list .project-list-detail .project-list-category-users{align-items:center;display:flex;justify-content:space-between;margin:1rem 0}.project-list .project-list-detail .project-list-category-users span{font-weight:500}.project-list .project-list-detail .project-list-category-users .project-list-users{display:flex}.project-list .project-list-detail .project-list-category-users .project-list-users .project-list-user-pic{border-radius:50%;height:30px;overflow:hidden;width:30px}.project-list .project-list-detail .project-list-comments-dueDate{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;padding-bottom:1rem}.project-list .project-list-detail .project-list-comments-dueDate .project-list-comments{align-items:center;display:flex;gap:.25rem}.home-container p{margin-bottom:1rem}.home-container .home{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-items:center}@media screen and (min-width:1024px){.home-container .home{justify-items:normal}}.form form{margin:8rem auto;max-width:300px}.form form h2{text-align:center}.form form label{display:block;margin:1rem 0}.form form label span{display:block;margin-bottom:.5rem}.form form label input,.form form label textarea{border:1px solid #787c7e;border-radius:4px;font-size:1rem;line-height:1rem;outline:none;padding:.5rem;width:100%}.form form label input:focus,.form form label textarea:focus{border:1px solid #4285f4}.form form label textarea{min-height:160px}.form form button{background-color:#4285f4;border:1px solid #4285f4;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:0 auto;padding:.5em 1em}.form form .redirect{line-height:1.5;margin-top:3rem;text-align:center}.form form .redirect a{text-decoration:underline}.form form .redirect a:hover{color:#4285f4}.form form .test{line-height:1.5;margin-top:3rem;text-align:center}@media screen and (min-width:1024px){.form form{max-width:400px}}.lds-ring{align-items:center;display:flex;height:92vh;justify-content:center;position:relative;width:100%}.lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-radius:50%;border-top-color:#000;box-sizing:border-box;display:block;height:54px;margin:8px;position:absolute;width:54px}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.notifications-detail{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.notifications-detail a span{display:block}.notifications-detail a span:first-of-type{color:#4e4e4e}.notifications-detail a span:nth-of-type(2){color:#787c7e;font-size:.875rem}.notifications-delete-btn{background-color:red;border:1px solid red;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:3rem auto 0;padding:.5em 1em}.project-detail-container{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width:1024px){.project-detail-container{flex-direction:row;justify-content:space-between}}.project-detail-container .project-detail{max-width:1000px;width:100%}.project-detail-container .project-detail .project-detail-title{align-items:center;display:flex;justify-content:space-between}.project-detail-container .project-detail .project-detail-title div{align-items:center;display:flex;justify-content:center;width:60px}.project-detail-container .project-detail .project-detail-title div svg{fill:#49be25;width:100%}.project-detail-container .project-detail .project-detail-title div span{color:#49be25}.project-detail-container .project-detail .project-detail-createdby{color:#787c7e;font-size:.875rem}.project-detail-container .project-detail .project-detail-content{color:#4e4e4e;line-height:1.5;margin:1rem 0}.project-detail-container .project-detail .project-detail-category{background-color:#6a74ff;border-radius:10px;color:#fff;display:inline-block;font-size:.75rem;margin:.5rem 0;padding:.25rem}.project-detail-container .project-detail h4{margin-bottom:1rem}.project-detail-container .project-detail .project-detail-assigned-users{display:flex;gap:.5rem;margin-top:.5rem;text-align:center}.project-detail-container .project-detail .project-detail-assigned-users .project-detail-user-img{border-radius:50%;height:40px;overflow:hidden;width:40px}.project-detail-container .project-detail h3{margin:3rem 0 1rem}.project-detail-container .project-detail form{display:flex;gap:1rem;margin-bottom:3rem;width:100%}.project-detail-container .project-detail form label{width:100%}.project-detail-container .project-detail form label input{border:none;border-bottom:1px solid #787c7e;font-size:1rem;line-height:1rem;outline:none;padding:.5rem;width:100%}.project-detail-container .project-detail form button{background-color:#4285f4;border:1px solid #4285f4;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5em 1em}.project-detail-container .project-detail .project-detail-comment-user{align-items:center;display:flex;gap:.5rem}.project-detail-container .project-detail .project-detail-comment-user .project-detail-comment-user-img{border-radius:50%;display:inline-block;height:40px;overflow:hidden;width:40px}.project-detail-container .project-detail .project-detail-comment-user .project-detail-comment-date{color:#787c7e;font-size:.875rem}.project-detail-container .project-detail .project-detail-comment-content{color:#4e4e4e;margin-bottom:1.5rem;margin-left:48px}.project-detail-container .project-detail .project-detail-update-project{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}@media screen and (min-width:1024px){.project-detail-container .project-detail .project-detail-update-project{flex-direction:row}}.project-detail-container .project-detail .project-detail-update-project button{border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5em 1em}.project-detail-container .project-detail .project-detail-update-project button:first-child{background-color:#49be25;border:1px solid #49be25}.project-detail-container .project-detail .project-detail-update-project button:last-child{background-color:red;border:1px solid red}.online-users{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-top:5rem;padding-bottom:1rem}@media screen and (min-width:1024px){.online-users{flex-direction:column;margin-top:0;padding-bottom:0;width:250px}}.online-users .online-user-profile{align-items:center;display:flex;flex-direction:column;position:relative}.online-users .online-user-profile .online-user-photo{border-radius:50%;height:40px;overflow:hidden;width:40px}.online-users .online-user-profile .online-user-indicator{background-color:#49be25;border-radius:50%;bottom:22px;height:12px;position:absolute;right:0;width:12px}*{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:0;padding:0}ul{list-style-type:none}a{color:inherit;text-decoration:none}img{max-width:100%}.container{margin:0 auto;max-width:90%}.error{background:pink;border:1px solid red;border-radius:4px;color:red;margin:10px 0;padding:8px}
/*# sourceMappingURL=main.10a6ca26.css.map*/