:root{font-family: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}*{font-family:face}.haha{display:flex;flex-direction:column;align-items:center;justify-content:center}@font-face{font-family:face;src:url(/assets/IntelOneMono-Italic-VariableFont_wght-CutQlkYT.ttf)}.TodoList{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 10px;background-color:#fff;height:auto;width:60vw;gap:20px}*{margin:0;padding:0}.Tasks{display:flex;justify-content:space-between;align-items:center;width:580px;padding:10px;background-color:#0e6fff;border-radius:5px;margin-bottom:10px}.Task{display:flex;flex-direction:column;justify-content:center;align-items:baseline;color:#fff}.ButtonGroup{display:flex;gap:10px}.AddTask{display:flex;gap:10px;margin-top:30px;justify-content:end;align-items:center}.Add{padding:10px 30px;background-color:#0ade0a;border:none;border-radius:10px;cursor:pointer}.InputTask{padding:10px 15px;width:220px;border-radius:10px;background-color:#fff;color:#000;border:1.5px solid rgb(14,111,255)}.EditTask{padding:10px 15px;width:520px;margin-left:20px;border-radius:10px;background-color:#fff;color:#000;border:1.5px solid rgb(14,111,255)}.EditTasks{display:flex;flex-direction:column;gap:10px}.Add:hover{background-color:#0ba70b}