@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400&display=swap);*{margin:0;padding:0}html{font-size:62.5%}:root{--wrapper-bg:hsla(0,6%,93%,.884);--main-bg:hsla(0,14%,93%,.959);--text-color:#000;--box-shadow-color:hsla(0,1%,49%,.973)}body{background-color:hsla(0,14%,93%,.959);background-color:var(--main-bg);font-family:Merriweather,serif;overflow-x:hidden}.main-wrapper{height:50rem;margin:4rem auto auto;max-width:1440px}.add-task{background-color:hsla(0,6%,93%,.884);background-color:var(--wrapper-bg);border-radius:.4rem;box-shadow:inset 0 0 25px 0 rgba(70,68,68,.616);flex-direction:column;gap:2rem;height:100%;justify-content:space-between;margin:auto;overflow:hidden;padding-bottom:1rem;width:70%}.add-task,.top-section{align-items:center;display:flex}.top-section{box-shadow:0 0 .2rem 0 hsla(0,1%,49%,.973);box-shadow:0 0 .2rem 0 var(--box-shadow-color);justify-content:space-around;padding:2rem 0;width:100%}#input{background-color:inherit;border:none;border-radius:.3rem;box-shadow:inset 0 0 4px 0 hsla(0,1%,49%,.973);box-shadow:0 0 4px 0 inset var(--box-shadow-color);color:#000;color:var(--text-color);font-family:Merriweather,serif;font-size:1.6rem;height:3.9rem;letter-spacing:.1rem;padding-left:.7rem;width:40rem}#input:focus{outline:none}.btn{background-color:#1818bf;border:none;border-radius:.2rem;box-shadow:0 0 2px 0 hsla(0,1%,49%,.973);box-shadow:0 0 2px 0 var(--box-shadow-color);color:#fff;cursor:pointer;font-family:Merriweather,serif;font-size:1.6rem;padding:.9rem 2rem}.btn i{display:none}.todo-wrapper{color:#fff}.bottom-section{align-items:center;align-self:baseline;display:flex;flex-direction:column;gap:.7rem;height:90%;justify-content:flex-start;margin-left:1.7rem;overflow-y:scroll;position:relative;width:100%}.bottom-section h1{justify-self:center;position:absolute;top:33%}.single-task{align-items:center;border-radius:.5rem;box-shadow:inset 0 0 4px 0 hsla(0,1%,49%,.973);box-shadow:0 0 4px 0 inset var( --box-shadow-color);color:#fff;display:flex;gap:1.5rem;justify-content:space-between;overflow-wrap:wrap;padding:2rem 1rem;width:80%}.single-task p{color:#000;color:var(--text-color);font-size:1.8rem;letter-spacing:.1rem;overflow-wrap:anywhere}.fa-pen-to-square,.fa-trash{cursor:pointer;font-size:1.8rem}.fa-pen-to-square{color:#47b847;margin-right:.8rem}.fa-trash{color:#cf1717}@media screen and (max-width:800px){html{font-size:52.3%}.bottom-section{margin-left:2.2rem}.single-task p{line-height:3rem;width:80%}}@media screen and (max-width:700px){.add-task{width:90%}.btn i{color:#fff;display:block;font-size:2rem}.btn span{display:none}}@media screen and (max-width:500px){#input{width:70%}.single-task p{font-size:1.3rem;width:60%}}
/*# sourceMappingURL=main.efb0f97b.css.map*/