code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#282c34;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0;min-height:100vh}.App{background:#3a3f4a;border-radius:10px;box-shadow:0 4px 8px #0003;max-width:500px;padding:2rem;text-align:center;width:100%}.App-header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center}h1{margin-bottom:2rem}.task-input{display:flex;margin-bottom:1.5rem;width:100%}.task-input input{border:1px solid #ccc;border-radius:4px 0 0 4px;flex-grow:1;font-size:1rem;outline:none;padding:.8rem}.task-input button{background-color:#61dafb;border:none;border-radius:0 4px 4px 0;color:#282c34;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .2s}.task-input button:hover{background-color:#4fa8c5}ul{list-style:none;padding:0;width:100%}li{align-items:center;background:#4a4f5a;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.8rem;transition:background-color .2s}li.completed span{color:#aaa;text-decoration:line-through}li span{cursor:pointer;flex-grow:1;text-align:left}li button{background:#ff4d4d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.4rem .8rem;transition:background-color .2s}li button:hover{background:#c00}
/*# sourceMappingURL=main.8bd534e3.css.map*/