*{box-sizing:border-box}body{background:#f8f8ff;font-family:Poppins,sans-serif;margin:0;overflow-y:hidden}.cont{margin:2.2rem auto;max-width:90%;width:45rem}h1{color:#646681;font-size:2.5em;text-align:center}.behv-cont{display:flex;justify-content:space-between}.behv-cont div,.behv-cont select{background:#cccdde;border-radius:6px;color:#646681;font-weight:700;padding:.7rem 1.4rem}select{font-size:1rem}.behv-cont div:hover,.behv-cont select:hover{cursor:pointer}.behv-cont div{background:#646ff0;color:#fff;text-align:center}.msg{align-items:center;background:#fff;border-radius:8px;bottom:0;box-shadow:2px 2px 4px 2px rgba(0,0,0,.2);color:#585858;display:flex;margin:0 .8rem .8rem 0;opacity:0;padding:.8rem 1.6rem;position:fixed;right:0;-webkit-transform:translateY(10%);transform:translateY(10%)}.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);z-index:1000}.msg .add{background:#62d346}.msg .add,.msg .error{border-radius:50%;color:#fff;font-size:1.1rem;margin-right:.5rem}.msg .error{background:#ff5656}.todo-cont{background:#ecedf6;border-radius:6px;color:#646681;left:50%;max-width:90%;padding:1.5rem 1rem;position:fixed;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:30rem;z-index:100}.todo-props{width:100%}.todo-props label{display:block;margin-bottom:.5rem;margin-top:1rem}h3{font-size:1.3rem;margin:0}.todo-props input,.todo-props select{border:none;font-size:1.2rem;padding:.5rem;width:100%}.todo-actions{margin-top:2rem}.todo-actions button{background:#cccdde;border:none;border-radius:6px;color:#646681;font-size:1rem;margin-right:.5rem;padding:.6rem 1.4rem}.todo-actions button:first-child{background:#646ff0;color:#fff}.todo-actions button:hover{cursor:pointer}.back-cont{background:rgba(0,0,0,.3);height:100vh;overflow-y:hidden;position:fixed;right:0;top:0;width:100vw}.todo-list{background:#ecedf6;border-radius:10px;margin:1rem 0;max-height:70vh;overflow-y:hidden;padding:1.2rem;width:100%}.center,.notodos{text-align:center}.notodos{background:#dedfe1;border-radius:6px;color:#585858;display:inline-block;padding:.3rem}.todo-data_cont{background:#fff;color:#585858;display:flex;font-size:.85rem;justify-content:space-between;padding:1rem .5rem}.div{display:flex}.div div{margin-right:.4rem}.title{font-weight:700}.complete{opacity:.7;text-decoration:line-through}.check{background:#646ff0;color:#646ff0;cursor:pointer;height:1.5rem;width:1.5rem}.todo-list li{list-style:none;margin-bottom:1rem;width:100%}.todo-list li:last-child{margin:0}.div button{background:#eee;border:none;border-radius:6px;margin-right:.4rem}.div button:hover{background:#dedfe1;cursor:pointer}.icon{font-size:1.3rem}ul{margin:0;max-height:65vh;overflow-y:scroll;padding:0}
/*# sourceMappingURL=main.ba7961f4.css.map*/