button:hover{background-color:#0056b3}nav{position:absolute;color:#fff;top:1%;display:flex;flex-direction:row;align-items:flex-start;padding:5px;border-bottom:1px solid #3b82f6;z-index:100}nav ul{display:flex;gap:20px;list-style:none;padding:0;margin:10px 0 0;z-index:1000}nav li{font-size:20px}nav li a{text-decoration:none;color:#fff;font-weight:700}nav li a:hover{color:#0056b3}nav .welcome{font-size:18px;font-weight:700;margin-bottom:10px}.nav-links{display:flex;flex-direction:row;background-color:#333;color:#fff;padding:10px 15px;border-left:5px solid #646cff;margin:em 0;margin-left:10px;border-radius:4px;gap:20px}.signInh1{color:red;margin-left:25%;margin-top:15%}.appcontainerSignIn{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0 auto}.signInFormContainer{display:grid;grid-template-columns:1fr 2fr;text-align:center;gap:20px;width:600px margin: 0 auto;margin-top:20%;padding:20px;border:1px solid #3b82f6;border-radius:8px;background-color:#121212;color:#e0e0e0}.signInFormStyle{display:contents;margin-bottom:10px}.signInFormStyle label{font-weight:700;align-self:center}.signInFormStyle textarea{resize:none}.SignInButton2{width:100px;padding:10px;background-color:#3b82f6;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;align-self:flex-end;margin-top:auto}.signInStyle button:hover{background-color:#555}.SignIn-Form-Fields{color:red;padding:10px}.SignIn-Form-Fields2{color:red;padding:10px;margin-bottom:10px}.signInLabel{color:red;font-size:1.2em;padding:10px;margin-bottom:5pz}.signInLabel2{color:red;font-size:1.2em;padding:10px}body{max-width:1000px;max-height:auto}.landing-container{position:absolute;height:100vh;max-width:1000px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.imageLogo{position:relative;top:5vh;right:-80vw;width:150px;height:190px}.todo{color:red;position:fixed;top:15vh;left:25vw;width:60vw;transform:translate(-20%,-80%);text-align:left;text-indent:2vw;font-size:60px;font-style:italic}h3{position:fixed;top:30vh;left:12vw;font-size:35px;background-color:#333;color:#fff;padding:1.5vh 2vw;width:400px;border-left:5px solid #646cff;margin:1em 0;border-radius:4px}h4{font-size:30px;position:fixed;top:45vh;left:21vw;background-color:#333;color:#fff;padding:1.5vh 2vw;width:500px;border-left:5px solid #646cff;border-radius:4px}body{background-color:#121212;color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.dashboard-container{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:900px;margin:0 auto;margin-top:10vh}.statsTable{width:100%;border-collapse:collapse;margin-top:10px}.statsTable th,.statsTable td{border:1px solid #3b82f6;padding:8px 12px;text-align:left;color:#fff}.statsTable th{background-color:#3b82f6;color:#fff;font-weight:700}.statsTable tr:nth-child(2n){background-color:#1e1e1e}.statsTable tr:nth-child(odd){background-color:#121212}.dashboardh1{font-size:2rem;color:#3b82f6;text-align:center;margin-bottom:20px}.dashboardh2{font-size:1.5rem;color:#fff;margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:35vw 35vw;gap:20px;width:100%;justify-content:center;align-items:stretch}.stats-board1{background-color:#1e1e1e;border:1px solid #3b82f6;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;text-align:center;width:100%;max-width:400px;display:flex;flex-direction:column;position:absolute;top:32vh;left:0vh}.stats-board2{background-color:#1e1e1e;border:1px solid #3b82f6;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;text-align:center;width:100%;max-width:400px;display:flex;flex-direction:column;position:absolute;top:32vh;left:60vh}.stats-board h3,.stats-board h4{margin-bottom:15px;font-size:1.3rem;color:#fff}.statsList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.statsList li{display:flex;justify-content:space-between;color:#fff}.statsList li span{display:inline-block;width:50%;text-align:left}.statsList li span:last-child{text-align:right}.dashTasks{font-weight:700;color:#fff}@media (max-width: 600px){.stats-grid{grid-template-columns:1fr}}.task-list-container{position:absolute;align-self:center;top:0%;left:5%;margin-left:50px;width:900px}.taskListh1{position:fixed;top:8%;left:11%;align-self:center;font-size:40px;background-color:#121212;color:#e0e0e0;z-index:100}.task-list-content{margin-top:20%}.task-category-table{margin-bottom:20px;color:#e0e0e0}.task-category-title{font-size:1.5em;margin-bottom:10px;color:#3b82f6}.task-table{width:100%;border-collapse:collapse;margin-top:5px}.task-table th,.task-table td{padding:8px;text-align:left;border-bottom:1px solid #3b82f6}.task-table th{background-color:#3b82f6;color:#e0e0e0;font-weight:700}.task-table tbody tr:nth-child(2n){background-color:#3b82f61a}.task-table tbody tr:hover{background-color:#3b82f633}nav{margin-bottom:20px;position:fixed;top:0;left:0;align-items:center;padding:0 10px;color:#e0e0e0;z-index:1000}.comment-form{display:flex;flex-direction:column;gap:10px;width:100%;padding:0;box-sizing:border-box}.comment-form textarea{resize:none;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1em;flex-grow:1;margin:0}.comment-form button{width:100px;padding:10px;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;align-self:flex-end;margin-top:auto}.taskDetail-appContainer{color:#e0e0e0;position:absolute;top:20vh;font-size:1.2em}.task-details-section{display:grid;position:relative;top:2vh;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto auto;gap:5px;padding:10px;border:1px solid #3b82f6;border-radius:8px;background-color:#121212;color:#e0e0e0;grid-template-areas:"category-label category-value" "title-label title-value" "created-by-label created-by-value" "task-text task-text" "edit-button edit-button"}.taskDetailh1{position:fixed;top:10%;left:5%;font-size:40px;background-color:#121212}.category-label{grid-area:category-label}.category-value{grid-area:category-value}.title-label{grid-area:title-label}.title-value{grid-area:title-value}.created-by-label{grid-area:created-by-label}.created-by-value{grid-area:created-by-value}.task-text{grid-area:task-text;margin-top:10px;color:#e0e0e0}.detailsEditButton{width:100px;padding:10px;background-color:#3b82f6;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;align-self:flex-end;margin-top:auto}.detailsEditButton:hover{background-color:#555}.comment-section{margin-top:20px;color:#e0e0e0}.comment-form{display:flex;flex-direction:column;gap:10px;width:800px;height:150px;padding:0;box-sizing:border-box}.comment-form textarea{resize:none;width:100%;padding:10px;border:1px solid #3b82f6;border-radius:4px;font-size:1em;flex-grow:1;height:calc(100% - 40px);margin:0;background-color:#121212;color:#e0e0e0}.comment-form button{width:100px;padding:10px;background-color:#3b82f6;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;align-self:flex-end;margin-top:auto}.comment-form button:hover{background-color:#555}.comment-table-container{margin-top:10px;width:800px}.comment-table{width:100%;border-collapse:collapse;margin-top:5px;color:#e0e0e0}.comment-table th,.comment-table td{padding:8px;text-align:left;border-bottom:1px solid #3b82f6}.comment-table th{background-color:#3b82f6;color:#e0e0e0;font-weight:700}.comment-table tbody tr:last-child td{border-bottom:none}.task-gridSelect{position:relative;top:8vh;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px}.task-gridSelect-title{position:absolute;top:10vh;left:10vw;grid-column:span 2;text-align:center;font-size:40px}.task-gridSelect-list{display:contents}.task-itemGridSelect{background-color:#121212;color:#e0e0e0;padding:10px;border:1px solid #3b82f6;border-radius:4px;text-align:center}.task-itemGridSelect a{color:#e0e0e0;text-decoration:none}.task-itemGridSelect a:hover{text-decoration:underline}main{color:#e0e0e0;margin-top:12%;margin-left:2%;font-size:1.2em}h1{font-size:2em;margin-bottom:20px}.task-details{display:grid;border:#3b82f6 solid 1px;grid-template-columns:auto 1fr;gap:10px;margin-bottom:20px}.task-detail-row{display:contents}.task-detail-label{font-weight:700;padding:8px;border-bottom:#3b82f6 solid 1px;border-right:#3b82f6 solid 1px}.task-detail-value{margin-left:10px;padding:8px;border-bottom:#3b82f6 solid 1px}.task-detail-row:last-child .task-detail-label,.task-detail-row:last-child .task-detail-value{border-bottom:none}button{padding:10px;background-color:#3b82f6;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;margin-right:10px}button:hover{background-color:#555}.success-message{color:#3b82f6;margin-top:15px;font-weight:700}.tform-app-container{display:flex;position:absolute;top:7%;left:11%;justify-content:center;align-items:center;flex-direction:column;margin:0 auto}.taskFormContainer{position:relative;top:10vh;display:grid;grid-template-columns:1fr 2fr;gap:20px;width:80%;min-width:500px;margin:0 auto;padding:20px;border:1px solid #3b82f6;border-radius:8px;background-color:#121212;color:#e0e0e0}.taskFormContainer .taskFormSubmitbutton{width:100px;padding:10px;background-color:#3b82f6;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;align-self:flex-end;margin-top:auto}.taskFormSubmitbutton button:hover{background-color:#555}.taskFormh1{font-size:40px;position:absolute;top:3vh}.taskFormStyle{display:contents}.taskFormStyle label{font-weight:700;align-self:center}.taskFormStyle input,.taskFormStyle textarea,.taskFormStyle select{border:1px solid #ccc;border-radius:4px;padding:10px;font-size:1em;width:100%;box-sizing:border-box}.taskFormStyle textarea{resize:none}.taskFormStyle button{grid-column:1 / span 2;padding:10px;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;justify-self:center}.taskFormStyle button:hover{background-color:#555}.selectForm-container{position:absolute;top:25vh;left:4%;color:#e0e0e0;margin:0 auto;width:1000px}.grid-container{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.select-grid{display:grid;position:relative;top:-5vh;margin-right:1%;border:1px solid #3b82f6;grid-template-columns:repeat(5,1fr);gap:5px;list-style:none;padding:0}.task-category{display:flex;flex-direction:column;align-items:center;gap:10px}.task-category-title{font-size:1.5em;margin-bottom:10px;color:#e0e0e0;text-align:center}a{color:#e0e0e0}.select-grid-item{display:flex;justify-content:center;align-items:center;border:1px solid #3b82f6;padding:10px;border-radius:5px;text-align:center}.select-h1{position:absolute;top:-18vh;left:5vw;font-size:40px;color:#e0e0e0}