body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;background:linear-gradient(180deg,#000 30%,#2c2c2b 100%,#585858 0);color:#fff;font-family:Roboto Slab,serif;height:100vh;margin:0}*{box-sizing:border-box}:active,:focus{outline-color:#ea33d1}h1{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(0deg,#ea33d1 25%,#fffd00 85%);-webkit-background-clip:text;background-clip:text;font-size:7rem;margin:0;padding:.5rem;text-align:center}@media screen and (max-width:640px){h1{font-size:3rem}}.wrapper{display:flex;flex-direction:column;justify-content:center;margin-top:4rem;text-align:center}.border-radius{border-radius:.4rem}.button{background-color:transparent;border:1px solid;border-image-slice:1;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;height:50px;margin:0;padding:.6rem 1.2rem;transition:all .1s ease-out;width:140px}.button:hover{background-color:#222;border-width:3px}.button--add{border-image-source:linear-gradient(270deg,#00ebd8,#30c400)}.button--remove{border-image-source:linear-gradient(270deg,#c89900,#ff5959)}.todo-form{display:flex;justify-content:center;padding:2rem 0}.todo-form input{background-color:#333;border:2px solid #444;border-radius:2px;color:#fff;flex-grow:1;font-size:1.4rem;line-height:1.4rem;padding:1rem;width:400px}.todo-form .button{height:60px;margin-left:.5rem}.todolist-wrap{margin:0 auto;padding:0 .5rem;width:100%}@media screen and (min-width:721px){.todolist-wrap{max-width:640px}}@media screen and (max-width:720px){.todolist-wrap{max-width:560px}}@media screen and (max-width:320px){.todolist-wrap{max-width:300px}}.todolist{list-style:none;padding:0}li{align-items:center;display:flex;justify-content:space-between;margin-top:.4rem;padding-bottom:.4rem}li:not(li:last-of-type){border-bottom:1px dashed #fff}li .todo-title{font-size:1.6rem;overflow:hidden;padding:1rem 0;text-overflow:ellipsis;white-space:nowrap}
/*# sourceMappingURL=main.96c1d12d.css.map*/