:root{--bg-color:#e5e5e5;--header-color:#fff;--text-color:#000;--text-color-secondary:#666;--todo-bg-color:#fff;--border-color:#93a9ff;--button-color:#93a9ff;--svg-filter:invert(83%) sepia(49%) saturate(1%) hue-rotate(346deg) brightness(100%) contrast(104%)}:root.darkmode{--bg-color:#181824;--header-color:#fff;--text-color:#fff;--text-color-secondary:#999;--todo-bg-color:#25273c;--border-color:#93a9ff;--button-color:#93a9ff;--svg-filter:invert(2%) sepia(2%) saturate(772%) hue-rotate(315deg) brightness(98%) contrast(90%)}@font-face{font-family:Kanit;src:url(/static/media/Kanit-Regular.f3bae13d78ced30b6ea3.ttf) format("ttf")}svg{fill:#000}body{background-color:#e5e5e5;background-color:var(--bg-color);background-image:url(/static/media/background.ceab654f6ad60915e11e.png);background-position:top;background-repeat:no-repeat;background-size:100vw 25vh}.App{display:flex;flex-direction:column;margin:5vh auto;text-align:center;width:600px}.header{align-items:center;color:#fff;color:var(--header-color);display:flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:space-between}.title{font-family:Kanit;font-size:48px;font-style:normal;font-weight:500;line-height:72px}.toggle{background:transparent;border:none}.background{border-radius:8px;box-shadow:0 4px 64px rgba(0,0,0,.25)}.addTodo,.background{background:#fff;background:var(--todo-bg-color)}.addTodo{border-radius:8px 8px 0 0;box-shadow:0 4px 8px rgba(0,0,0,.25);padding:1em}.inputField{heigth:10px;align-items:center;border:2px solid #93a9ff;border:2px solid var(--border-color);border-radius:100vh;display:flex;flex-direction:row;justify-content:center}.input{background:#fff;background:var(--todo-bg-color);border:0;box-sizing:border-box;color:#000;color:var(--text-color);margin:0 1em;outline:none;padding:.5em;width:100%}.button{background:#93a9ff;background:var(--button-color);border:2px solid #93a9ff;border:2px solid var(--border-color);border-radius:100vh;padding:5px;width:100px}.todoList{min-height:400px}.emptyTodo,.todoList{background:#fff;background:var(--todo-bg-color);width:100%}.emptyTodo{color:#000;color:var(--text-color);height:400px;padding-top:10%}.emptyTodo>img{filter:invert(83%) sepia(49%) saturate(1%) hue-rotate(346deg) brightness(100%) contrast(104%);filter:var(--svg-filter)}.todoLabel{align-items:center;display:flex}.todoLabel>input{margin-right:.5em}.todoTextCompleted{color:#666;color:var(--text-color-secondary);text-decoration:line-through}.todo{align-items:center;background-color:#fff;background-color:var(--todo-bg-color);border:1px solid #666;border:1px solid var(--text-color-secondary);border-radius:8px;color:#000;color:var(--text-color);display:inline-block;display:flex;font-size:1em;height:54px;justify-content:space-between;margin:1em;padding:1em;text-align:left;vertical-align:middle;width:95%}.todo:focus,.todo:hover{opacity:.6}.deleteTodo{background:transparent;border:none;display:none;filter:invert(83%) sepia(49%) saturate(1%) hue-rotate(346deg) brightness(100%) contrast(104%);filter:var(--svg-filter);height:24px;width:24px}.deleteTodo:hover{opacity:.6}.footer{color:#000;color:var(--text-color);margin:1em;text-align:right}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.16118a1b.css.map*/