*{margin:0;padding:0;box-sizing:border-box}body,html{height:100vh;font-family:"Roboto",sans-serif;background:#212121;color:#fff}.container{margin:0 auto;padding:0 2%;text-align:center;width:100vw}.bg-todo-list{margin:0 auto;border-radius:10px;padding:20px}.todo{padding:90px 0 0}.todo-list{width:100%;max-width:500px;border:1px solid #212121}.list-single{display:flex;align-items:center;justify-content:space-between;margin:10px auto;padding:10px;width:100%;max-width:385px;background:hsla(0,0%,100%,.2);word-wrap:break-word;transition:.6s}.list-single:hover{background:hsla(0,0%,100%,.03);transform:scale(1.04)}.input-icon{display:flex}.todo-list .icon-send{font-size:50px;padding:0 10px;border:1px solid #fff;color:#fff;background:hsla(0,0%,100%,.08);transition:color .2s;cursor:pointer}.todo-list .icon-send:hover{color:hsla(0,0%,100%,.3)}.icons{opacity:0;display:flex;flex-direction:column;margin-left:20px;height:100%;transition:1s}.todo-list .icon-trash{font-size:15px;margin:5px;color:#fff;transition:opacity .2s;cursor:pointer}.todo-list .icon-trash:hover{opacity:.5}.list-single .icon-check{font-size:15px;color:#fff;margin:5px;cursor:pointer;transition:opacity .2s}.list-single:hover .icons{opacity:1}.list-single .icon-check:hover{opacity:.5}.todo-list input{border:1px solid #fff;font-weight:700;padding:10px;width:100%;outline:0}.list{display:flex;justify-content:center;width:100%;height:500px;margin:0 auto}.list ul{margin:50px 0}.list ul p{color:#fff}.list-single .set-value{border:0}.todo-list .count-tasks{color:#ccc;font-size:14px;margin:10px 5px;font-weight:lighter;font-style:italic}.list-single label p{cursor:default;text-transform:capitalize;transition:1s;width:100%}.checked{transform:rotateX(1turn);text-decoration:line-through;opacity:.1}@media screen and (max-width:550px){.icons{opacity:1}}@media screen and (max-width:480px){.list-single{min-width:0}}header{position:fixed;width:100%;background:#fff;color:#212121;border-bottom:2px solid #212121;text-align:center;z-index:999}.icon-book{margin:6px 0 0;font-size:30px}footer{position:fixed;left:0;bottom:0;width:100%;padding:10px 0;text-align:center;background:#fff;color:#212121;border-top:2px solid #212121;z-index:999}
/*# sourceMappingURL=main.dbbc1c93.chunk.css.map */