:root{--color-dark:#222;--color-btn:#68ffb8;--color-input-border:#8f979a}body{padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;background-color:var(--color-dark)}#root{max-width:800px;width:100%;min-height:300px;margin:20px auto 0;background-color:#ccc;border-radius:10px;border:2px solid var(--color-input-border);padding:20px}.todoHeader{display:flex;justify-content:space-between}.btnStyle{width:100px;height:40px;border-radius:5px;border:2px solid #8f979a;background-color:var(--color-btn);cursor:pointer;transition:all .3s linear}.btnStyle:hover{filter:brightness(70%)}.inputStyle{text-align:center;border-radius:10px;border:2px solid var(--color-input-border);width:350px;height:38px}.inputStyle:hover{cursor:pointer}li{position:relative;list-style:none;margin:10px 0}input[type=checkbox]{height:15px;width:15px}input:checked~label{text-decoration:line-through}label{font-size:18px}.begintodo{position:absolute;right:40px}.deletCurrentTodo{position:absolute;right:0;top:0;background:red;border-radius:5px;border-color:#8f979a;color:#fff;cursor:pointer;transition:all .3s linear}.deletCurrentTodo:hover{filter:brightness(70%)}.dateTodo{border:1px solid var(--color-input-border);border-radius:5px;background-color:#fff;padding:5px}
/*# sourceMappingURL=/src.9ccc74d5.css.map */