.To-do-list{background-color:#303030;border:3rem;border-radius:2rem;flex-direction:column;align-items:center;min-width:500px;margin:2rem;padding:3rem;display:flex}.To-do-list .to-do-list-body{font-family:Comic Sans MS,Comic Sans,cursive}.To-do-list .desc-header{margin:0;padding:0;font-size:2rem}.To-do-list p{padding-bottom:1rem}.To-do-list h2{font-size:3rem}.To-do-list .to-do-list-body{color:#000;background-color:#fff;border-radius:2rem;flex-direction:column;justify-content:flex-start;width:50rem;height:80vh;font-size:20px;display:flex}.To-do-list .tasks-container{padding-left:2rem;padding-right:2rem;font-size:2rem}.To-do-list .task:hover{background-color:#f0f0f0}.To-do-list .task-title{box-shadow:none;color:inherit;resize:none;background-color:#fff;border:none;width:50%;padding:0;font-size:2rem;font-style:normal;font-weight:400;line-height:2rem;text-decoration:none;overflow:visible}.To-do-list .task:hover .task-title,.To-do-list .task:hover .serialno{background-color:#f0f0f0}.To-do-list .serialno{box-shadow:none;color:inherit;resize:none;background-color:#fff;border:none;width:3rem;height:2rem;padding:0;font-size:2rem;font-style:normal;font-weight:400;line-height:2rem;text-decoration:none;overflow:visible}.To-do-list .new-task-title{color:#000;background-color:#fff;border:1px solid #9e9e9e;width:50%;font-size:2rem;overflow:visible}.To-do-list .add-task-button{height:3.To-do-list .1rem;width:6rem}.To-do-list .input-pair{justify-content:center;margin-top:2rem;display:flex}.To-do-list .delete-button{color:#fff;background-color:#6b6b6b;border:0;width:6rem;height:2rem;display:none;position:relative;top:-.7rem}.To-do-list .task:hover .delete-button{display:inline-block}.To-do-list .line-through{text-decoration:line-through}.To-do-list .complete-button{color:#fff;background-color:#6b6b6b;border:0;width:6rem;height:2rem;margin-right:.5rem;display:none;position:relative;top:-.7rem}.To-do-list .task:hover .complete-button{display:inline-block}