@import url(https://fonts.googleapis.com/css2?family=Varela+Round&display=swap);:root{--primary:#333;--secondary:#4d6eb3;--tertiary:#debacc}::-moz-selection{background-color:#debacc;background-color:var(--tertiary)}::selection{background-color:#debacc;background-color:var(--tertiary)}body{margin:0;height:100vh;box-sizing:border-box;font-family:Varela Round,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(/static/media/bg1.8d67a9f0.jpg);background-size:cover;overflow-x:hidden;overflow-y:hidden}.container{width:80%;max-width:700px;height:70vh;background:hsla(0,0%,100%,.8);padding:.5rem 1rem 1rem;position:relative;box-shadow:0 0 20px rgba(0,0,0,.2);display:flex;flex-direction:column;margin:1rem auto;border-radius:4px}.list-container{overflow-y:scroll;height:90%}h1{color:#fff;font-size:1.4rem;text-align:center;margin:2rem 0 1rem}.counter{color:#fff;display:flex;justify-content:center;font-size:1rem;margin:-1rem}form{display:flex;flex-direction:row;position:absolute;bottom:0;height:3rem;margin:0 0 .5rem;width:85%}form,input{border:none}input{font-family:Varela Round,sans-serif;font-size:1.2rem;background:rgba(90,88,88,0);padding:0 10px;width:100%}input:focus{outline:none}.add-btn{border:none;background-color:#fff;font-size:1.5rem;cursor:pointer;background:hsla(0,0%,100%,0);color:#000}#task-list{margin:.5rem 0;padding:.5rem;background:hsla(0,0%,100%,.4);display:flex;justify-content:space-between;border-radius:4px}.complete{text-decoration:line-through}.complete,.delete-btn{color:#333;color:var(--primary)}.delete-btn{border:none;background-color:transparent;cursor:pointer;margin-left:auto;font-size:1rem}.delete-btn:hover{opacity:1%;-webkit-transition:.3s ease;transition:.3s ease}label{padding:5px 10px;font-size:1.1rem}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;background:#fff;border:2px solid #4d6eb3;border:2px solid var(--secondary);padding:10px;border-radius:50%;height:27px;width:27px}input[type=checkbox]:checked{background:#4d6eb3;background:var(--secondary)}input[type=checkbox]:checked:after{font-family:FontAwesome;content:"\f00c";font-size:1rem;font-weight:500;position:absolute;top:3px;left:5px;color:#fff}
/*# sourceMappingURL=main.89bbf376.chunk.css.map */