*{margin:0;padding:0}.container{background-color:#66395c;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.app-wrapper{background-color:rgba(56,41,41,0);width:25%;min-width:450px;height:600px;padding:30px;box-sizing:border-box;border-radius:20px;box-shadow:0 15px 30px #121313}.header h1{color:#ccc;font-weight:300;text-align:center;margin:50px 20px 60px;font-family:"Josefin Slab",serif}.main{align-items:space-between;margin-bottom:50px;width:100%}.form,.main{display:flex;flex-direction:column}.form{justify-content:center;align-items:center;margin-bottom:10px}.list{width:90%;margin:auto;max-height:300px;overflow:hidden;overflow-y:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:10px;background-color:#aaa}::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.task-input{width:350px;min-width:250px;padding:15px 10px 10px 20px;margin-right:10px;font-family:"Josefin Sans",serif;font-size:15px;color:#ccc;background-color:#1d222b;border:1px solid #444;outline:none;border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,.3)}.buttons{display:flex}.btn{margin:10px}.add-task-btn{min-width:100px;background-color:#38a107;color:#ccc;border:none;font-family:"Montserrat",sans-serif;font-size:14px;border-radius:20px;box-shadow:0 2px 5px rgba(0,0,0,.3);outline:none;cursor:pointer}.list-item{display:flex;justify-content:space-between;margin:20px 0;padding-bottom:5px;font-size:18px;font-weight:700}.list-item span{color:#999}.task-btn{cursor:pointer;background-color:transparent;border:none;outline:none}.btn-delete i,.btn-edit i{font-size:16px;color:#bbb;margin-right:20px}.clear-btn{width:100px;height:35px;background-color:#38a107;color:#ccc;border:none;font-family:"Montserrat",sans-serif;font-size:14px;border-radius:20px;box-shadow:0 2px 5px rgba(0,0,0,.3);outline:none;cursor:pointer}.clear-btn:hover{background-color:#790e43}.no-tasks{color:#070606;text-align:center;font-size:30px;margin-top:20px}@media(max-width:500px){.app-wrapper{min-width:300px;height:500px}.task-input{width:250px}.list{overflow:hidden;overflow-y:auto;max-height:205px}}
/*# sourceMappingURL=main.d03d513b.chunk.css.map */