@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);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0}.container{background:#d3d2d2;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,.5)}.header h1{color:#86e9ae;font-weight:800;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:16px;color:#000;background-color:#dadada;border:1px solid #000;outline:none;border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,.5);margin-bottom:30px}.buttons{display:flex}.btn{margin:10px}.add-task-btn{min-width:100px;background-color:#86e9ae;color:#000;border:none;font-family:"Montserrat",sans-serif;font-size:16px;font-weight:700;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}.list-item span{color:#ebebeb}.task-btn{cursor:pointer;background-color:transparent;border:none;outline:none}.btn-delete i{color:#bf5e5c}.btn-delete i,.btn-edit i{font-size:16px;margin-right:20px}.btn-edit i{color:#e2dddd}.clear-btn{width:100px;height:35px;background-color:#bf5e5c;color:#0c0c0c;border:none;font-family:"Montserrat",sans-serif;font-size:16px;font-weight:700;border-radius:20px;box-shadow:0 2px 5px rgba(0,0,0,.3);outline:none;cursor:pointer}.no-tasks{color:#f50303;text-align:center;font-size:20px;margin-top:20px}
/*# sourceMappingURL=main.dd3c9a4b.chunk.css.map */