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}*{box-sizing:border-box;font-family:roboto,arial,helvetica,"sans-serif";margin:0;padding:0}body{background:linear-gradient(180deg,#cdb1e7 0,#497be8);height:100vh;width:100%}::-webkit-scrollbar{display:none}.wrapper{background-color:#fff;border-radius:5px;left:50%;margin:0 auto;max-height:600px;max-width:700px;overflow-y:scroll;padding:25px;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.wrapper header{font-size:30px;font-weight:600}.todo-form{display:flex;height:45px;margin:20px 0;width:100%}.todo-form input{border:1px solid #757474;border-radius:3px;font-size:20px;height:100%;outline:none;padding-left:15px;width:85%}.todo-form button{background:#7796de;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:25px;height:100%;margin-left:5px;outline:none;width:60px}.todo-list{font-size:19px}.todo-list li{background:#eae3f3;height:45px;line-height:45px;list-style:none;margin-bottom:8px;padding-left:10px;position:relative}.todo-list li .check-input{right:95px;width:20px}.todo-list li .check-input,.todo-list li button{border:none;height:100%;outline:none;position:absolute}.todo-list li button{background:rgba(232,215,17,.57);color:#fff;right:0;width:40px}.todo-list li .btn-trash{background:#ee4e4e;color:#fff}.todo-list li .btn-pen{background:#567cc9;right:43px}.todo-list li .btn-check{background:#62ab50}.todo-message{font-size:15px;font-weight:600;margin-bottom:15px}.todo-edit-input,.todo-message p{margin-bottom:8px}.todo-edit-input{background:#eae3f3;border:none;font-size:19px;height:45px;list-style:none;outline:none;position:relative;width:93.5%}.Spinner{-webkit-animation:load3 1.4s linear infinite;animation:load3 1.4s linear infinite;background:#fff;background:linear-gradient(90deg,#008cff 10%,rgba(0,255,255,0) 42%);border-radius:50%;font-size:10px;height:11em;margin:50px auto;position:relative;text-indent:-9999em;width:11em}.Spinner:before{border-radius:100% 0 0 0;height:50%;width:50%}.Spinner:after,.Spinner:before{background:#fff;content:"";left:0;position:absolute;top:0}.Spinner:after{border-radius:50%;bottom:0;height:75%;margin:auto;right:0;width:75%}@-webkit-keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.524b9e9d.css.map*/