:root{--grey:#a4b0be;--orange:orange;--black:#000}body{background:linear-gradient(orange,#000);background:linear-gradient(var(--orange),var(--black));background-repeat:no-repeat;height:100vh}body,p{margin:0}button{cursor:pointer}.todomachine{display:block;margin-left:auto;margin-right:auto;min-height:88.5vh;padding:1em}.header{font-family:Helvetica;font-size:2em;margin-bottom:1em;text-align:center}.todo-form{display:flex;justify-content:center;margin-bottom:1em}.form-items{border:1px solid #000;border:1px solid var(--black)}.form-items button,.form-items input{border:none;font-size:1.5em;padding:.5em}.form-items button{background-color:orange;background-color:var(--orange);color:#000;color:var(--black)}.form-items button:hover{background-color:#000;color:orange;color:var(--orange)}.todo{background-color:#fff;border-radius:.3em;display:flex;font-family:Helvetica;margin-top:.3em;padding:1em}.todo p{padding-bottom:1em;padding-top:1em}.todo button{margin-left:auto;padding:.5em}.clear-all,.todo button{background-color:red;border:0;border-radius:.2em;color:#fff;font-size:1em}.clear-all{margin-top:.3em;padding:1em}@media screen and (max-width:600px){.form-items button,.form-items input{border:none;font-size:1em;padding:.5em}}
/*# sourceMappingURL=main.758ec618.css.map*/