*{box-sizing:border-box;font-family:Arial,Helvetica,Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}body{margin:0 auto;font-family:Arial,Helvetica,Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;background-color:#f5e8f2}nav{overflow:hidden;background-color:#b30000;display:flex}nav a{color:#fff;text-align:center;padding:1rem 1.5rem;text-decoration:none}nav a:hover{background-color:#eec0c6;color:#000}main{display:flex;flex-direction:column;align-items:center}h1{text-align:center}h3{text-align:center;max-width:50vw}input[type=text],select,input[type=password]{width:100%;padding:.5rem .75rem;margin:.25rem 0;border:.1rem solid black;border-radius:.25rem}button{width:100%;background-color:#b30000;color:#fff;padding:.5rem .75rem;margin:.25rem 0;border:none;border-radius:.25rem;cursor:pointer}button:hover{background-color:#eec0c6;color:#000}.task-lists{display:flex;flex-direction:column;margin:2rem auto;padding:0;list-style:none;background:#f5e7e7;border:.15rem solid black;border-radius:.25rem;max-width:50vw}ul a{text-decoration:none;color:inherit}ul a:hover{text-decoration:underline}li{text-align:center;padding:1rem;border-top:.1rem solid #988f8f}.buttonContainer{display:flex;justify-content:center}.buttonContainer button{max-width:10vw}button a{text-decoration:none;color:inherit}.taskname{margin:2rem}.task-details-container{padding:20px;background-color:#f5e8f2;color:#333}.task-details-container h1{font-size:2em;margin-bottom:20px;color:#b30000;text-align:center}.task-details-content{display:flex;justify-content:space-between;gap:10px}.task-details-container section{background-color:#f5e7e7;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;border:.15rem solid black;flex:1;margin-top:10px}.Task-buttonChange{display:flex;flex-direction:column;align-content:center;max-width:50vw;margin:.5rem 25vw}.task-details-container .Item-list{margin-right:10px}.task-details-container .Item-list h2{font-size:1.5em;color:#b30000;margin-bottom:10px}.task-details-container .Item-list div{margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px;border:.1rem solid #B30000;box-shadow:0 2px 4px #0000001a}.task-details-container .Item-list ul{list-style-type:none;padding:0;margin:0}.task-details-container .Item-list ul li{margin-bottom:10px;padding:10px;background-color:#fff;border-radius:4px;border:.1rem solid #B30000;box-shadow:0 2px 4px #0000001a}.task-details-container .Item-list button{background-color:#b30000;color:#fff;padding:.5rem .75rem;margin:.5rem 0;border:none;border-radius:.25rem;cursor:pointer}.task-details-container .Item-list button:hover{background-color:#eec0c6;color:#000}.task-details-container .Note-list{margin-left:10px}.task-details-container .Note-list h2{font-size:1.5em;color:#b30000;margin-bottom:10px}.task-details-container .Note-list div{margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px;border:.1rem solid #B30000;box-shadow:0 2px 4px #0000001a}.task-details-container .Note-list dl{margin:0}.task-details-container .Note-list dt{font-weight:700;color:#b30000;margin-bottom:5px}.task-details-container .Note-list dd{margin:0;padding:10px 0;color:#666;border-top:.1rem solid #EEC0C6}.task-details-container form{margin-top:20px}.task-details-container input[type=text],.task-details-container input[type=date],.task-details-container textarea{width:100%;padding:.5rem .75rem;margin:.25rem 0;border:.1rem solid black;border-radius:.25rem}.task-details-container textarea{resize:vertical}.task-details-container form button{width:100%;background-color:#b30000;color:#fff;padding:.5rem .75rem;border:none;border-radius:.25rem;cursor:pointer}.task-details-container form button:hover{background-color:#eec0c6;color:#000}.task-nameButtons{display:flex;gap:10px;justify-content:center}.task-nameButtons button,.DeleteTaskButton button{background-color:#b30000;color:#fff;padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer}.task-nameButtons button:hover,.DeleteTaskButton button:hover{background-color:#eec0c6;color:#000}.Delete-Task{display:flex;flex-direction:column;justify-content:center;align-items:center}.DeleteTaskButton{display:flex;gap:10px;justify-content:center}.DeleteTaskButton .delete{background-color:#d9534f;color:#fff}