*,:after,:before{box-sizing:border-box}.container{background:#9d50bb;background:linear-gradient(90deg,#6e48aa,#9d50bb);box-shadow:5px 5px 0 0 hsla(0,0%,39%,.1);color:#fff;font-family:DM Sans,sans-serif;margin:4rem auto;max-width:500px;padding:2rem 3rem 3rem}.title{border-bottom:1px solid hsla(0,0%,100%,.3);font-size:2.6rem;font-weight:400;letter-spacing:.2rem}.title span{display:block;font-size:.8rem;margin-bottom:.7rem;margin-left:3px;margin-top:.2rem}.task-list{list-style:none;margin-top:2.6rem}.task-list li{align-items:center;background:hsla(0,0%,100%,.2);display:flex;justify-content:space-between;margin:0 -3rem 4px;padding:1.1rem 3rem;-webkit-transform-origin:top left;transform-origin:top left;transition:all .5s ease}.fall{opacity:0;-webkit-transform:rotate(10deg);transform:rotate(10deg)}.task-list .actions{flex-shrink:0;padding-left:.7em}.task-list .btn-action{background:none;border:none;color:#fff;cursor:pointer}input[type=checkbox]{cursor:pointer;height:1.2rem;width:1.2rem}.task-list input[type=checkbox]{position:relative;top:.3rem}.task-list .label{transition:opacity .2s linear}.task-list .done .label{opacity:.6;text-decoration:line-through}.filter-wrapper{display:flex;justify-content:flex-end;margin-top:1em}.form{display:flex;flex-wrap:wrap;margin-top:3rem}.form label{font-size:1.3rem;margin-bottom:.5rem;min-width:100%}.form input{border:none;flex-grow:1;font-size:medium;padding:0 1.5em}.form button{background:#6e48aa;border:1px solid hsla(0,0%,100%,.3);color:#fff;cursor:pointer;font-weight:700;margin-left:5px;padding:0 1.3rem;text-transform:uppercase;transition:background eas-out .2s}.form button:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}.form button,.form input{font-family:Quicksand,sans-serif;height:3rem}
/*# sourceMappingURL=main.745b22c6.css.map*/