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}body{background:url(https://cdn.wallpapersafari.com/30/0/72Pzwb.jpg);color:#ddd}.card{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:37.5rem}.card:after,.card:before{-webkit-animation:steam 20s linear infinite;animation:steam 20s linear infinite;background:linear-gradient(45deg,#fb0094,#00f,#0f0,#ff0,red,#fb0094,#00f,#0f0,#ff0,red);background-size:400%;content:"";height:calc(100% + .25rem);left:-.125rem;position:absolute;top:-.125rem;width:calc(100% + .25rem);z-index:-1}@-webkit-keyframes steam{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes steam{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.card:after{-webkit-filter:blur(3.125rem);filter:blur(3.125rem)}.todo{align-items:center;background:rgba(235,164,224,.75);border-radius:.625rem;display:flex;flex-direction:column;padding:2.5rem;width:100%}*{box-sizing:border-box}main{margin:.625rem auto;max-width:31.25rem}form{align-items:center;border:.0625rem solid #30313d;border-radius:.625rem;display:flex;justify-content:center;padding:.9375rem}form input[type=text]{background:none;border:0;color:#fff;display:block;padding:0 .9375rem;width:100%}form button{background-color:#fff;border:3.125rem;border-radius:2.25rem;cursor:pointer}div.task{align-items:center;background-color:#000;border-radius:.75rem;display:flex;margin-top:.3125rem;padding:.4375rem .75rem;transition:opacity .3s linear}div.task svg{fill:#61dafb;height:1.25rem;margin-right:.375rem}div.task.done{opacity:.8}div.task form,div.task-name{flex-grow:1}div.task span{position:relative}div.task span:before{background-color:#ddd;content:"";display:block;height:.0625rem;position:absolute;top:.625rem;transition:width .1s linear;width:0}div.task.done span:before{width:100%}h1,h2{text-align:center}div.checkbox{align-items:center;display:flex}button.trash{background:none;border:none;cursor:pointer;display:flex}button.trash svg{fill:#888;height:.875rem}div.task input{border:.1875rem solid #555;border-radius:.3125rem;padding:.125rem .25rem}.footer{-webkit-animation:slide 30s linear infinite;animation:slide 30s linear infinite;color:#000}@-webkit-keyframes slide{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slide{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.input1{background-color:#fff;border:none;height:2.5rem;outline:none;padding:0 5rem 0 .625rem;width:100%}.btn,.input1{border-radius:.3125rem}.btn{background-color:#000;border:none;color:#fff;cursor:pointer;font-size:1.125rem;height:4.35rem;position:absolute;right:0;top:0;width:6rem}.box{position:relative;width:100%}.heading{color:#000;font-size:2.2rem;font-weight:700;margin-bottom:1.5625rem;text-align:center;width:100%}
/*# sourceMappingURL=main.05963738.css.map*/