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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{animation:rainbow 25s ease infinite;background:linear-gradient(124deg,hsla(8,100%,75%,.502),rgba(250,83,83,.478),rgba(252,200,57,.467),rgba(84,192,151,.478),rgba(113,104,240,.439),rgba(199,84,245,.475));background-size:1800% 1800%;bottom:0;height:100%;left:0;right:0;top:0;width:100%}@keyframes rainbow{0%{background-position:0 82%}50%{background-position:100% 19%}to{background-position:0 82%}}*{box-sizing:border-box}button{cursor:pointer}.todolist{margin:50px auto;max-width:480px}@media(max-height:730px){.todolist{margin:30px auto}}.todolist h2{color:#fff;font-size:4rem;font-weight:100;letter-spacing:6px;margin:16px 0 30px;text-align:center}@media(max-height:740px){.todolist h2{font-size:3rem;margin:16px 0 20px}}.todolist .wrap{background-color:#fff;box-shadow:0 5px 5px #0003;padding:20px 32px 25px}.todolist .insert{background-color:#fff;border-radius:25px;margin-bottom:20px}.todolist .insert form{align-items:center;display:flex;justify-content:space-between}.todolist .insert form input{border:none;border-radius:25px;font-size:14px;height:50px;outline:none;padding-left:35px;vertical-align:middle;width:calc(100% - 55px)}.todolist .insert form input::placeholder{color:#aaa}.todolist .insert form button{border:none;border-radius:25px;font-size:1.2rem;height:40px;margin-right:8px;vertical-align:middle;width:40px}.todolist ul{list-style-type:none;margin:0;max-height:50vh;overflow-y:auto;padding:0}.todolist ul li{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:4px 0}.todolist ul li div{align-items:center;display:flex;margin:0}.todolist ul li div input{display:none}.todolist ul li div label{background-color:#cba8f8;border-radius:18px;display:inline-block;height:18px;margin-right:10px;width:34px}.todolist ul li div label:after{background-color:#fff;border-radius:50%;content:"";display:block;height:14px;transform:translate(2px,2px);transition:.5s;width:14px}.todolist ul li div input:checked+label{background-color:#ddd}.todolist ul li div input:checked+label:after{transform:translate(18px,2px)}.todolist ul li div p{flex:1 1}@media(max-height:880px){.todolist ul li div p{margin:10px 0}}.todolist ul li button{background-color:#0000;border:none;color:#bfabd1;display:none;margin-right:15px}.todolist ul li:hover button{display:block}.todolist .header{align-items:center;color:#999;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:10px}.todolist .header button{background-color:#0000;border:1px solid #0000;color:#c5c5c5;font-size:.8rem;padding:5px 10px}.todolist .header button:hover{color:#d9b0ff}.todolist .header button.active{color:#cf8ae4}
/*# sourceMappingURL=main.7a44d556.css.map*/