*{box-sizing:border-box}html{font-size:62.5%}body{font-family:Arial,Helvetica,sans-serif;font-size:1.8rem;background-image:url(https://cdn1.vectorstock.com/i/1000x1000/13/40/todo-list-seamless-pattern-universal-background-vector-7561340.jpg)}button{cursor:pointer}button:disabled{cursor:default}.container{position:relative;max-width:30rem;margin:10rem auto 2.4rem;background:#8357c5}@media (min-width:45rem){.container{max-width:60rem}}.header{background:#e8e87b;background:-webkit-linear-gradient(90deg,#f37335,#fdc830);background:-webkit-gradient(linear,left top,right top,from(#f37335),to(#fdc830));background:-webkit-linear-gradient(left,#f37335,#fdc830);background:linear-gradient(90deg,#f37335,#fdc830);display:flex;font-size:2.4rem;font-weight:700;justify-content:space-between;padding:1.8rem 2.4rem}.header__title{background:#e8e87b;border-radius:50%;color:#7bb2e8;height:8rem;margin:0 auto;text-align:center;width:30rem}.button--circle{display:flex;margin:.5rem auto;height:3.2rem;text-align:center;width:3.2rem;color:#fff}.button{background:#464b5e;border:none;color:#fff;font-weight:700;height:4.2rem}.button--small{background:#fff;color:#333745;font-size:1.8rem}.button--blue{background:#00f}.button--green{background:green}.add-todo{border:2px solid #8357c5}.todo{display:flex;flex-direction:column}.todo__content{flex-grow:1;height:4.2rem;outline:none}@media (min-width:45rem){.todo{display:flex;flex-direction:row}}.widget{background:#fff;border:2px solid #693cad}.widget__message{color:#8357c5;margin:1.5rem auto;text-align:center}.list{display:flex;margin:0 auto;padding:1.5rem 0 1.5rem 1.8rem}.list:hover .list__delete{margin-right:1.5rem;opacity:1;width:3.2rem}.list:nth-child(2n){background:#e8e87b}.list__content{list-style:none;font-size:1.8rem}.list__content--number{color:#fac125;font-size:2.4rem;font-weight:700;margin-right:1.5rem}.list__delete{background:red;color:#fff;margin-right:0;opacity:0;-webkit-transition:.2s linear;transition:.2s linear;text-align:center;width:0}.list__delete--trash{height:2.4rem;width:3.2rem}.modal{background:#8357c5;color:#fff;height:10rem;position:absolute;top:50%;left:50%;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20rem}.printer{margin:0 auto}.todo-printer{text-align:center}
/*# sourceMappingURL=main.d59d24b9.chunk.css.map */