*{margin:0;padding:0;box-sizing:border-box;font-weight:700}body{background-image:linear-gradient(0,#283048,#859398);min-height:100vh;scroll-behavior:unset}header{font-size:1.5rem;margin-bottom:5rem}.form,header{text-align:center;margin-top:5rem}form{display:inline-block;width:50%;background-color:hsla(0,0%,100%,.226);padding-top:2rem;padding-bottom:2rem;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}form input{background:hsla(0,0%,100%,.637);color:#000;font-size:20px;padding:5px;border:#859398}form button{border:none;padding-left:5rem;padding-bottom:1rem;height:50px;width:50px;background:url(https://www.shareicon.net/data/512x512/2016/08/18/809873_add_512x512.png);background-size:40px;background-repeat:no-repeat;background-position:50%;transition:all .5s ease-out}form button:hover{cursor:pointer;background:url(https://www.shareicon.net/data/512x512/2016/08/18/809873_add_512x512.png);background-size:44px;background-repeat:no-repeat;background-position:50%}form button:hover~#counter p{visibility:visible}form .text{left:8.6rem;text-align:center;color:#00f;font-size:10px;visibility:hidden}.msg,form .text{position:relative}.msg{white-space:pre-line;top:1rem;font-size:20px;-webkit-animation:fadeIn 1s ease-in-out;animation:fadeIn 1s ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes fadeIn{0%{color:#0f5f37}to{color:#0e4728}}@keyframes fadeIn{0%{color:#0f5f37}to{color:#0e4728}}.select{margin-left:2rem}.filter-task{padding:1rem;font-size:1.44rem;background:#7e3b60;border:none;color:#fff}#list-container{display:inline-block;padding-top:2rem;padding-left:2rem;padding-bottom:2rem;text-align:left;width:50%;background-color:hsla(0,0%,100%,.418);box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.list{display:inline-block;font-size:1.3rem;padding:10px;width:53rem;justify-content:space-between;align-items:center}.todo-checkbox{margin-right:3%;-webkit-transform:scale(1.5);transform:scale(1.5)}#btntrash{text-align:right;margin-top:-23px;padding-right:2rem;transition:all 1s ease-in-out}#btntrash .text{position:relative;text-align:right;bottom:8px;left:18px;color:#00f;font-size:10px;visibility:hidden}.btn-trash{background-color:hsla(0,0%,100%,0);border:none;height:40px;width:40px;background-size:30px;transition:all .5s ease-in}.btn-trash,.btn-trash:hover{background-image:url(https://freepngimg.com/download/recycle/72667-bin-information-icon-cleaner-application-recycle-waste.png);background-repeat:no-repeat;background-position:50%}.btn-trash:hover{cursor:pointer;background-size:35px;transition:all .5s ease}#btntrash button:hover~p{visibility:visible}#footer{position:relative;font-weight:400;font-size:14px;text-align:center;margin-right:1px;color:rgba(8,8,8,.5490196078431373);display:inline-block;padding-top:2rem;padding-bottom:1rem;width:50%;background-color:hsla(0,0%,100%,.096)}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;background-color:#000}
/*# sourceMappingURL=main.a7d6cd0b.chunk.css.map */