.inputDiv{display:flex;flex-direction:column;align-items:center;gap:15px}.Form{display:flex;justify-content:center;gap:10px;width:100%;max-width:500px}.error{margin-top:10px}.TodoDiv{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding:10px 15px}.doneStyling{background-color:#b8ffb8;font-size:25px;text-decoration:line-through;border:2px solid #67c167;border-radius:8px}.notDoneStyling{background-color:#f0ebeb;font-size:25px;border:2px solid rgb(190,190,190);border-radius:8px}.deleteIcon:hover{opacity:1;transition:.1s}.deleteIcon,.editIcon{font-size:30px!important;opacity:.7}.editIcon:hover{opacity:1;transition:.1s}.left{display:flex;align-items:center;gap:10px}.right{display:flex;align-items:center;gap:5px;margin-right:10px}.TodoDiv:hover{box-shadow:2px 2px 15px #3f3f3f;transition:.2s}.noTodoHeading{align-items:center;display:flex;justify-content:center;margin-top:200px;color:#bebebe}