#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{background-color:#f4f4f4}.signUpForm{background-color:#e0e7ff;border:2px solid #ced4da;border-radius:15px;padding:20px;width:300px;height:300px}.signUpHeader{margin-top:80px}.submitBtn{margin-top:20px}.logInForm{background-color:#e0e7ff;border:2px solid #ced4da;border-radius:15px;padding:20px;width:300px;height:300px}.logInHeader{margin-top:80px}.loginBtn{margin-top:20px}.username{margin-top:-20px}.user{background-color:#e0e7ff;border:2px solid #ced4da;border-radius:15px;padding:20px}.editProfileBtn{background-color:#0c66e4;color:#fff;font-size:15px;height:40px;display:flex;align-items:center;width:130px;justify-content:center;margin-left:150px;margin-top:60px}.taskForm{background-color:#e2e8f0;border:2px solid #ced4da;border-radius:15px;padding:20px 10px 30px;margin-top:170px}.taskBtn{margin-top:20px}.userEle{background-color:#f8d7da;border:2px solid #ced4da;border-radius:15px;padding:20px 10px 30px;margin-top:20px;list-style-type:none}.userTask{background-color:#f1f3f5!important;border:2px solid #ced4da;border-radius:15px;padding:20px 10px 30px;margin-top:20px;list-style-type:none;margin-left:-30px!important}.projectsHeader{width:100%;margin-bottom:0}.projectEle{background-color:#d8bfd8;border:2px solid #ced4da;border-radius:15px;padding:20px 10px 30px;margin-top:20px;list-style-type:none}.projectEle button,.kanban{margin-top:20px}.editProjectForm{background-color:#d8bfd8;border:2px solid #ced4da;border-radius:15px;padding:20px 10px 30px;margin-top:20px;list-style-type:none}.projectForm{background-color:#d3d3d3;border:2px solid #ced4da;border-radius:15px;padding:20px 10px 30px;margin-top:20px;list-style-type:none}.usersContainer{display:flex;flex-wrap:wrap;gap:8px}.usersContainer div{padding-left:20px;padding-right:20px}.projectsContainer{display:flex;flex-wrap:wrap;gap:8px}.signUpForm,.logInForm,.editProfileForm,.taskForm,.projectForm{background-color:#e0e7ff;border:2px solid #ced4da;border-radius:15px;padding:20px;width:90%;max-width:300px;height:auto;margin:0 auto}.submitBtn,.loginBtn,.editProfileBtn,.taskBtn{margin-top:20px}.user,.userEle,.userTask,.projectEle,.editProjectForm{background-color:#f8d7da;border:2px solid #ced4da;border-radius:15px;padding:20px;margin:20px auto;width:90%;max-width:300px}.projectsHeader{margin-bottom:50px}.kanban{margin-top:20px}.usersContainer,.projectsContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}@media (max-width: 768px){#root{padding:1rem}.signUpForm,.logInForm,.editProfileForm,.taskForm,.projectForm,.user,.userEle,.userTask,.projectEle,.editProjectForm{width:100%;max-width:none}.projectsHeader{margin-bottom:20px}}.profImgText{margin-bottom:10px!important;display:block}.column{background-color:#e0e7ff;border:2px solid #ced4da;max-height:30%;flex:1;max-width:30%;padding:1rem;background-color:#f0f0f0;border-radius:0;box-sizing:border-box;padding-top:0}.kanbanTitle{background-color:#036;color:#f0f0f0;margin-top:0;border-radius:15px}.kanban-board{display:flex;gap:8px}.kanbanTitle{background-color:#036;padding:5px;color:#f0f0f0;margin-top:0;border-radius:0;font-size:10px;width:60px;margin-left:-14px}.column div{font-size:10%}.kanbanTitle{background-color:#036;padding:5px;color:#f0f0f0;margin-top:0;border-radius:0;font-size:10px;width:60px;margin-left:10px;width:64px}.popup{position:fixed;top:20px;right:20px;padding:1rem 2rem;background-color:#4caf50;color:#fff;border-radius:5px;font-size:1.2rem;box-shadow:0 4px 8px #0003}#root{width:100vw;height:100vh;align-items:center}.appWrapper{display:flex;justify-content:center;height:100%;width:100%;max-width:100%;align-items:center}.signUpForm{background-color:#fff;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a;border:none;width:30%;margin:0;height:50%;max-width:100%;display:flex;flex-direction:column;gap:15px;position:absolute;top:20%}.signUpForm input{width:90%;border-radius:6px;border:1px solid lightgray;height:40px;padding-left:20px}.signUpHeader{margin:0;font-size:30px;font-weight:700}.signUpP{margin:0;color:gray}.divider{border:1px solid lightgray;margin-top:40px;margin-bottom:50px}.pwInputCont{margin-top:30px}.submitBtn{background-color:#00a400;color:#fff;font-weight:700;font-size:20px;width:50%;margin-left:25%;margin-top:20px}.collabTaskManager{z-index:1;position:absolute;top:15px;color:#0866ff}.loginLink{margin-top:15px}.logInForm{box-shadow:0 4px 8px #0003;background-color:#fff;width:30%;margin:-25% 0 0;max-width:100%;height:40%;flex-direction:column;gap:20px;justify-content:flex-start}.collabLoginHeader{font-size:40px;color:#0866ff;margin-top:-40%;margin-right:50px;margin-bottom:0}.loginHeaderCont{display:flex;flex-direction:column;margin-top:-100px;margin-right:100px;font-size:20px}.whitebar{width:100vw;background-color:#fff;height:300px;position:absolute;max-width:100vw;align-self:flex-end}#root{padding-bottom:0}.logInForm input{border:1px solid lightgray;border-radius:6px;height:40px;width:95%;padding-left:20px}.inputCont{margin-top:20px}.loginBtn{background-color:#0866ff;color:#fff;font-size:20px;height:50px;margin-top:40px;width:100%}.signUpLink{background-color:#42b72a;color:#fff;font-size:20px;margin-top:40px}.loginDivider{height:1px;border-bottom:1px solid lightgray;margin-top:50px}.dashboardWrapper{background:linear-gradient(to bottom,#dbeafe,#60a5fa)}#root{padding:0;margin:0}.appWrapper{width:100vw;max-width:100vw}.dashboardWrapper{width:100%;height:100%}.dashboardHeader{height:100%;width:100%;align-items:center;justify-content:center;display:flex;flex-wrap:wrap}.dashboardHeader h2{flex:1 1 100%;margin-top:100px;text-align:left;margin-left:150px}.taskForm{height:60%;background-color:#e9f2ff;display:flex;flex-direction:column;gap:10px;padding:20px 0;margin:100px 0 0;width:20%;max-width:100%;align-items:center;box-shadow:0 4px 8px #0003;border:none}.taskForm div{width:95%}.taskForm input{width:85%;border-radius:6px;border:1px solid lightgray;height:50px;padding-left:20px}label[for=dueDate]{width:35%;max-width:100%}input[type=dueDate]{width:85%}select[name=assignTo]{width:96%;padding-left:20px;height:50px;border-radius:6px;border:1px solid lightgray}label[for=assignTo]{width:100%}.header{width:100%!important;background-color:#fff;height:60px!important;margin-top:-20px;border-radius:8px}#dueDate{width:90%}.taskBtn{width:70%;color:#fff;font-size:20px;background-color:#0c66e4;margin-top:30px}.taskFormDivider{height:1px;border-bottom:1px solid lightgray;margin-top:20px}.dashboardHead{width:100%;position:absolute;top:0;height:80px;background-color:#cce0ff}.taskIntro{position:absolute;top:120px;display:flex;gap:8px;flex-direction:column}.taskIntro>div:first-of-type{font-size:40px;font-weight:700}.taskForm{margin-top:170px}.dashboardHead ul{display:flex;justify-content:right;margin-right:20px;list-style-type:none;gap:20px}.user{margin:0;width:100%!important;max-width:100%!important;background-color:#fff;height:100%;border:none;display:flex;justify-content:center;align-items:center;background-color:#e4f0f6}.profileHeader{height:100px;margin-top:20px;font-size:25px;margin-left:-30px}.profileForm{margin-left:-100px}.profileLabel{color:gray;font-size:15px;margin-bottom:10px}.roleLabel{margin-left:-40px}.profileVal{font-size:20px;margin-left:5px}.profileForm img{margin-left:30px}.profileImg{margin-left:15px}.profileHeader{padding-left:50px}.profileWrapper{display:flex;flex-direction:column;align-items:center;border:1px solid lightgray;border-radius:8px;width:60%;height:60%;background-color:#fff;box-shadow:0 4px 8px #0003}.profileContent{width:60%;height:100%;border-left:1px solid lightgray;display:flex;flex-direction:column;align-items:center}.editProfileContent{border-left:1px solid lightgray;height:100%;padding-left:100px;width:50%}.editProfileContent h3{font-weight:400;font-size:25px;margin-left:-110px}.inputCont{display:flex;flex-direction:column}.inputCont label{text-align:left}.inputCont input{height:40px;border-radius:6px;padding-left:20px;border:1px solid lightgray}.editProfileImgInput input{border:none!important;padding:0;margin-top:10px;border-radius:0!important}.editProfileForm button{margin-left:370px;background-color:#0c66e4;color:#fff;font-size:15px}.editProfileForm{padding-bottom:20px!important}.editProfileForm{background-color:#e0e7ff;border:2px solid #ced4da;margin:0;display:flex;flex-direction:column;align-items:center;border:1px solid lightgray;border-radius:8px;width:50%;height:60%;background-color:#fff;box-shadow:0 4px 8px #0003;max-width:100%;padding:0;padding-bottom:20px!important}.editProfileBtn{margin-top:40px}.usersContainer{width:100%;height:100%;flex-direction:column;overflow-y:auto;max-width:80vw;flex-direction:row;max-height:80vh;background-color:#fff;width:100vw;max-width:100vw;height:100vh;max-height:100vh}.dashboardHeader h2{background-color:#fff;margin-left:0;margin-bottom:0;margin-top:80px;padding-left:40px;height:100px;display:flex;align-items:center}.userEle{background-color:#fff;border-left:none;border-right:none;border-radius:0}.userEle ul{list-style-type:none}.viewBoardsBtn{background-color:#091e420f;border-radius:0;margin-top:5px}.taskListCont{background:linear-gradient(to bottom,indigo,#8a2be2,#9370db,#d8b4f8);border-radius:15px;width:70%;height:70%;padding-left:0}.tasksHeader{width:100%;background-color:purple;height:50px;display:flex;align-items:center;color:#fff;font-weight:700;font-size:20px;border-radius:15px;padding-left:20px;padding-right:0!important;background-color:indigo}.userTask{background-color:#e0f2ff!important;margin:0;display:flex;flex-direction:column;gap:8px}.tasksHeader li{list-style-type:none}.userTaskCont{display:flex;flex-wrap:wrap;justify-content:left;gap:50px}.taskListCont li{list-style-type:none}.task-item{background-color:#fff;border-radius:6px;text-align:left;padding-left:10px;height:40px;display:flex;align-items:center;box-shadow:0 2px 8px #0000001a;font-weight:500}.projectsContainer{background-color:#fff;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;display:grid;grid-template-columns:1fr 4fr 1fr}.projectsHeader{margin-top:100px;margin-bottom:10px;text-align:left;margin-left:30px}.projectsWrapper{width:80%;border-radius:15px;border:1px solid lightgray;margin-top:-20%;flex:1 1 100%;border-top:none;border-left:none;border-right:none;width:60%;max-width:50%;width:100%;max-width:100%}.projectsWrapperHeader{width:100%;background-color:#f4f5f7;height:40px;border-radius:15px 15px 0 0/15px 15px 0px 0px;justify-content:space-evenly;align-items:center;border:1px solid lightgray;display:flex;gap:100px}.projectsWrapperHeader div{font-weight:700;color:gray}.projectEle{text-align:left;margin:0;max-width:95%;background-color:#fff;border:none;border:1px solid lightgray;padding:0;width:100%;max-width:100%;border-radius:0;display:flex;justify-content:space-evenly;gap:20%}.projectsWrapperCont{width:80%;margin-left:100px;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;gap:10px}.projectsHeader{margin-bottom:20px;width:100%;text-align:left;margin-left:3px}.grid-item-1{border-right:1px solid #ccc;height:100%}.grid-item-3{border-left:1px solid #ccc;height:100%}.projectEle{max-height:100%}.currentProjectEle{background-color:#172b4d;height:70%;*/}.projectEleCont{width:100%;height:100%;max-width:100%;max-height:100%}.kanban-board .column{width:300px;height:auto;border-radius:6px!important;padding:0 0 10px;display:flex;flex-direction:column;min-height:55px}.kanbanTitle{height:auto!important;margin:5px 0 0!important;min-width:100px;align-items:flex-start}.projectEleCont div:first-child{height:100%!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;margin-left:20px}.projectEleCont .kanban-board{justify-content:flex-start!important;margin-left:-400px!important;margin-top:-30px}.currentProjectCompCont{width:100%;height:100vh}.currentProjectEle{height:100vh;width:100%;flex-direction:column;justify-content:flex-start;align-items:center}.currentProjectEle li{color:#fff}.kanbanTitle{color:#000!important;background-color:#f0f0f0!important;padding:0!important;display:flex;justify-content:center;align-items:flex-start;justify-content:flex-start}.dashboardHeader .kanbanTitle{align-items:flex-start;margin-left:10px!important;font-size:20px;width:80%}.projectEleCont #projCont{justify-content:flex-start!important;gap:8px}#assignedCont{border-radius:15px;width:200px;background-color:orange;list-style-type:none;display:flex;flex-direction:column;align-items:center!important;justify-content:center;padding-top:10px;padding-bottom:10px;margin-left:-350px;margin-top:50px;justify-content:flex-start!important;height:130px!important}#assignedCont li:nth-child(2){display:flex;justify-content:center}#assignedCont li:nth-child(3){height:30px!important}.currProjGridContainer{display:grid;grid-template-columns:1fr 4fr 1fr}.curr-proj-grid-item-2{grid-column:1 / 3}.curr-proj-grid-item-1{border-right:1px solid gray;background-color:#d3d3d3}.curr-proj-grid-item-3{border-left:1px solid gray;background-color:#d3d3d3}.editCurrProjCont{width:100%;align-items:center!important}.editProjectForm{width:100%;margin:200px 0 0;background-color:#fff}.editProjectForm input{padding-left:20px;width:90%;height:40px}.editProjectForm button{background-color:#42b72a;color:#fff;font-weight:700;width:100%;margin-top:40px}.editAssignForm{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.editAssignDiv{width:100%}.editAssignDiv select{width:80%;margin-top:5px}.editAssignForm button{background-color:#42b72a;color:#fff;width:50px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700;padding:10px;border-radius:6px;border:1px solid lightgray;margin-top:5px!important}.editAssignTo{width:90%;height:50px}.editStatusForm button{background-color:#42b72a;color:#fff;width:50px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700;padding:10px;border-radius:6px;border:1px solid lightgray;margin-top:5px!important}.editStatusForm{display:flex;flex-direction:column;align-items:center;margin-top:5px}.editStatusForm div{width:100%}.editStatusForm input{width:80%}.projectForm{margin:0;background-color:#fff;width:100%;height:100%;max-width:100%;border:none}.createFormCont{display:flex;width:100%;justify-content:flex-end;height:100%;background-color:#fff}.createFormCont svg{width:50%;height:50%;margin-top:10%}.projectForm{width:20%;margin-top:10%;height:50vh}.createProjHeader{font-weight:700;text-align:left;font-size:30px}#assignedCont{border-radius:15px;width:200px;background-color:orange;list-style-type:none;display:flex;flex-direction:column;align-items:center!important;justify-content:center;padding-top:10px;padding-bottom:10px;margin:0 0 10px}.projectEleCont .kanban-board{margin-left:0!important;margin-bottom:40px}.editProjectForm select{min-height:100px}@media (max-width: 600px){.collabTaskManager{margin-top:10px;font-size:30px;margin-bottom:0}.signUpForm{height:70%;width:50%;margin-top:-10px}.signUpForm .divider{display:none}.signUpHeader{font-size:15px}.divider{margin:10px 0 30px}.loginLink{margin-top:30px;font-size:12px}.submitBtn{min-width:100px;font-size:15px;margin-top:30px}.whitebar{display:none}.collabLoginHeader{font-size:20px;width:200px;margin-top:0}.loginHeaderCont{height:100%;align-items:center;justify-content:center;margin-right:0;height:20%;flex-direction:column;justify-content:flex-start;flex-wrap:wrap}.loginHeaderCont p{margin:10px 0 0;font-size:15px}.appWrapper{flex-direction:column}.loginBtn{margin-top:20px}.logInForm div:first-of-type{margin-top:10px}.logInForm{padding-right:30px;width:50%;margin-top:10px}.signUpLink{margin-top:80px;width:150px;height:40px;font-size:12px}.loginDivider{display:none}.collabLoginHeader{margin-right:0;flex:1 1 100%;height:20px;max-height:20px}.pwInputCont{margin-top:0}.signUpP{margin-bottom:30px}.taskForm{width:50%;height:100%;transform:scale(.7);margin-top:20px;min-width:320px}.taskIntro{margin-top:-70px}.taskIntro div:first-of-type{font-size:15px}.taskIntro div:nth-of-type(2){font-size:10px;margin-top:-10px}.dashboardHead{font-size:12px;height:35px;display:flex;justify-content:right;align-items:center}.user{align-items:flex-start;margin-top:30px}.profileWrapper{height:100%;width:80%}.profileForm{margin-left:0}.editProfileBtn{margin-left:30px}.editProfileForm{height:85%;margin-top:30px;width:70%}.editProfileForm h3{margin-top:10px}.editProfileContent{transform:scale(.8);margin-top:-35px;border-left:0;width:100%;padding-left:0}.editProfileForm button{margin-left:0;font-size:12px}.usersContainer{width:80%;justify-content:center;position:absolute;top:50px;height:auto}.dashboardHeader{background-color:#fff}.dashboardHeader h2{margin-top:20px}.taskListCont{width:100%;height:100%;padding:0!important}.taskListCont li{margin-top:30px}.usersContainer div{padding-left:0}.userTaskCont,.tasksHeader{justify-content:center}.userTask{width:70%;align-items:center}.task-item{margin-left:15px;padding-right:5px;font-size:12px}.projectsHeader{margin-top:20px}.projectsWrapperCont{margin-left:10px;width:90%}.projectsWrapperHeader div{margin-left:0!important}.projectsWrapper{min-width:320px;transform:scale(.9)}.projectsWrapper button{margin-top:100px}.createFormCont{align-items:flex-start}.createFormCont svg{display:none}.projectForm{width:80%;margin-top:50px}#projCont li:first-of-type{margin-top:40px!important;height:20px!important;min-height:20px!important}.currentProjectEle li:first-of-type{height:100px!important;min-height:100px!important}#projCont li{height:20px;min-height:20px}.projectEleCont #kanban-board{margin-top:40px;justify-content:flex-start!important;flex-direction:column;width:100%;align-items:center!important}.kanban-board .column{width:70%;max-width:100%}.projectEleCont div:first-child{margin-left:0!important}.currProjGridContainer{grid-template-columns:1fr}.curr-proj-grid-item-1,.curr-proj-grid-item-3{display:none}.assignedContCont{justify-content:center;background-color:#172b4d}#assignedCont li{height:20px!important;min-height:20px!important;transform:scale(.9)}.currentProjectEle li:nth-of-type(2){height:100%}#projCont button{height:40px}#assignedCont button{font-size:12px}#projCont{margin-left:20px!important}select[name=editAssignTo]{margin-top:15px}.editProjectForm{margin-top:20px!important;height:80%;height:100%!important}.dashboardHeader h2{display:none}}@media (min-width: 601px) and (max-width: 900px){.collabTaskManager{margin-top:10px;font-size:30px;margin-bottom:0}.signUpForm{height:70%;width:50%;margin-top:-10px}.signUpForm .divider{display:none}.signUpHeader{font-size:15px}.divider{margin:10px 0 30px}.loginLink{margin-top:0;font-size:12px}.submitBtn{min-width:100px;font-size:15px;margin-top:30px}.whitebar{display:none}.signUpP{margin-bottom:20px}.collabLoginHeader{font-size:20px;width:200px;margin-top:0}.loginHeaderCont{height:100%;align-items:center;justify-content:center;margin-right:0;height:20%;flex-direction:column;justify-content:flex-start;flex-wrap:wrap}.loginHeaderCont p{margin:10px 0 0;font-size:15px}.appWrapper{flex-direction:column}.loginBtn{margin-top:20px}.logInForm div:first-of-type{margin-top:10px}.logInForm{padding-right:30px;width:50%;margin-top:10px}.signUpLink{margin-top:80px;width:150px;height:40px;font-size:12px}.loginDivider{display:none}.collabLoginHeader{margin-right:0;flex:1 1 100%;height:20px;max-height:20px}.pwInputCont{margin-top:0}.signUpP{margin-bottom:30px}.taskForm{width:50%;height:100%;transform:scale(.7);margin-top:20px;min-width:320px}.taskIntro{margin-top:-70px}.taskIntro div:first-of-type{font-size:15px}.taskIntro div:nth-of-type(2){font-size:10px;margin-top:-10px}.dashboardHead{font-size:12px;height:35px;display:flex;justify-content:right;align-items:center}.user{align-items:flex-start;margin-top:30px}.profileWrapper{height:100%;width:80%}.profileForm{margin-left:0}.editProfileBtn{margin-left:30px}.editProfileForm{height:85%;margin-top:30px;width:70%}.editProfileForm h3{margin-top:10px}.editProfileContent{transform:scale(.8);margin-top:-35px;border-left:0;width:100%;padding-left:0}.editProfileForm button{margin-left:0;font-size:12px}.usersContainer{width:80%;justify-content:center;position:absolute;top:50px;height:auto;border-radius:15px;transform:scale(.9);margin-top:-30px}.dashboardHeader h2{margin-top:20px}.taskListCont{width:100%;height:100%;padding:0!important}.taskListCont li{margin-top:30px}.usersContainer div{padding-left:0}.userTaskCont{justify-content:center}.tasksHeader{justify-content:center;border-bottom-left-radius:0;border-bottom-right-radius:0}.userTask{width:70%;align-items:center}.task-item{margin-left:15px;padding-right:5px;font-size:12px}.projectsHeader{margin-top:20px}.projectsWrapperCont{margin-left:10px;width:90%}.projectsWrapperHeader div{margin-left:0!important}.projectsWrapper{min-width:320px;transform:scale(.9)}.projectsWrapper button{margin-top:150px}.createFormCont{align-items:flex-start}.createFormCont svg{display:none}.projectForm{width:80%;margin-top:50px}#projCont li:first-of-type{margin-top:40px!important;height:20px!important;min-height:20px!important}.currentProjectEle li:first-of-type{height:100px!important;min-height:100px!important}#projCont li{height:20px;min-height:20px}.projectEleCont #kanban-board{margin-top:40px;justify-content:flex-start!important;flex-direction:column;width:100%;align-items:center!important}.kanban-board .column{width:70%;max-width:100%}.projectEleCont div:first-child{margin-left:0!important}.currProjGridContainer{grid-template-columns:1fr}.curr-proj-grid-item-1,.curr-proj-grid-item-3{display:none}.assignedContCont{justify-content:center;background-color:#172b4d}#assignedCont li{height:20px!important;min-height:20px!important;transform:scale(.9)}.currentProjectEle li:nth-of-type(2){height:100%}#projCont button{height:40px}#assignedCont button{font-size:12px}#projCont{margin-left:20px!important}select[name=editAssignTo]{margin-top:15px}.editProjectForm{margin-top:40px!important;height:80%!important;border:none;width:80%}.editProjectForm button{margin-top:20px}.dashboardHeader h2{display:none}.currentProjectCompCont{width:80%}}@media (min-width: 901px) and (max-width:1440px){.signUpForm{transform:scale(.8);width:40%;height:80%;margin-top:-30px}.collabTaskManager{margin-top:0}.divider{margin:0;display:none}.signUpP{margin-bottom:50px}.whitebar{max-height:20%}}@media (min-width:901px)and(max-width:1440px){.logInForm{min-height:300px;margin:-100px 0 0;max-width:400px}.loginHeaderCont{margin-right:50px;margin-top:-150px}.loginDivider{margin:0}.collabLoginHeader{margin-top:0}.taskForm{height:100%;min-width:400px;margin-top:0;transform:scale(.9)}.dashboardHeader{overflow:scroll;height:auto;display:flex;flex-direction:column;justify-content:flex-start}.dashboardWrapper{overflow:scroll}.taskIntro{width:100%;position:static;margin-top:100px}.profileWrapper{margin-top:100px;padding-bottom:10px}.editProfileForm{transform:scale(.9);margin-top:70px}.editProfileContent button{margin-left:-40px}.collabsHeader{width:100vw;position:absolute;padding-left:50px;margin-top:0!important}.usersContainer{width:130vw;max-width:130vw;border-radius:15px;transform:scale(.9);margin-top:100px}.taskListCont{height:100%;margin-top:20px;padding-left:0!important;width:100%}.tasksHeader{border-bottom-left-radius:0;border-bottom-right-radius:0}.projectsWrapper button{margin-top:40%}.projectsWrapperCont{padding-bottom:10%}.projectsHeader{margin-top:0}.createFormCont{justify-content:center;overflow:visible}.createFormCont svg{padding:20px;overflow:visible}.createProjHeader{min-width:200px}.curr-proj-grid-item-2{grid-column:2 / 3}#assignedCont{height:auto!important}.currentProjectEle{overflow:auto}.currentProjectEle li:nth-of-type(2){margin-top:0!important}#assignedCont li:nth-of-type(2){margin-top:20px!important}.editProjectForm{height:80%!important}}@media (min-width:1440px){.curr-proj-grid-item-2{grid-column:2 / 3}#assignedCont{height:auto!important}.currentProjectEle{overflow:auto}.currentProjectEle li:nth-of-type(2){margin-top:0!important}#assignedCont li:nth-of-type(2){margin-top:20px!important}.editProjectForm{height:70%!important;max-width:450px}}.projectsWrapper button{margin-top:100px!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}