@import url(https://fonts.googleapis.com/css?family=Josefin+Slab:300,400,600,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500&display=swap);*{margin:0;padding:0}.container{background:linear-gradient(100deg,#b6286f 50%,#ac2066 0);width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.app-wrapper{background-color:#292f38;width:25%;min-width:450px;height:600px;padding:30px;box-sizing:border-box;border-radius:5px;box-shadow:0 15px 30px rgba(0,0,0,.4)}.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:#790e43;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}.fas:hover{transition:.3s;color:#790e43}.btn:hover{background-color:#fff;transition:1s;color:#000}.list-item{display:flex;justify-content:space-between;margin:20px 0;padding-bottom:5px;font-size:20px}.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:#790e43;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}.no-tasks{color:#777;text-align:center;font-size:18px;margin-top:20px}.typewriter{font-family:monospace;overflow:hidden;border-right:.15em solid orange;white-space:nowrap;margin:0 auto;letter-spacing:.15em;-webkit-animation:typing 3.5s steps(30),blinking-cursor .5s step-end infinite;animation:typing 3.5s steps(30),blinking-cursor .5s step-end infinite}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blinking-cursor{0%,to{border-color:transparent}50%{border-color:orange}}@keyframes blinking-cursor{0%,to{border-color:transparent}50%{border-color:orange}}
/*# sourceMappingURL=main.37ea1ff0.chunk.css.map */