*{box-sizing:border-box;margin:0;padding:0}body{background-color:#d2ead2;color:#04a;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;text-align:center;margin-top:1vw}h1{font-size:3rem;-webkit-user-select:none;user-select:none}h2{font-size:2rem}.star{display:inline-block;animation:rotation 16s linear infinite;transition:scale .03s ease-in-out;-webkit-user-select:none;user-select:none}.star:hover{animation-play-state:paused;cursor:pointer}.star:active{scale:1.2}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.todo-app{display:flex;flex-direction:column;gap:1.2em}form{display:flex;align-self:center;gap:2rem;font-size:1.6rem}input{width:40vw;text-align:center;border-radius:4px;border:2px solid lightblue;padding:.2em;letter-spacing:.1em;font-size:inherit}button[type=submit]{padding:.4em}.delete-btn{padding:0 .2em;height:2rem}.todo-list{font-size:1.4rem;background-color:brown;min-height:50vh;min-width:50vw;width:55vw;padding:.8em;margin:0 auto;border:.5em solid rgb(153,80,12);color:#220c00;display:flex;flex-direction:column;justify-content:center;align-items:center;list-style-type:none}.todo-list li{flex:1 1 auto shrink;display:flex;justify-content:center;gap:4em;align-items:center;padding:.2em;margin:.3em;min-width:10vw;max-width:40vw;border-radius:10%;border:4px solid brown;background-color:#dea964;transition:transform .2s ease-in-out;-webkit-user-select:none;user-select:none}.complete{text-decoration:line-through .3em}.todo-list li:hover{transform:scale(1.02);cursor:default}button{font-size:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}.arrow-btn{width:.8em}.container{display:flex;justify-content:center;align-items:center;gap:.4em}.filter{margin:0 auto}@media (max-width: 500px){.todo-list{width:60vw}form{flex-direction:column}input{width:80vw}}