@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";*{margin:0;padding:0;box-sizing:border-box}.offscreen{position:absolute;left:-10000px}input,button{font:inherit}html{font-family:Poppins,sans-serif}body{min-height:100vh;background-color:#333;color:#fff;padding:1rem;display:flex;flex-direction:column}main{flex-grow:1;margin:auto;width:100%;max-width:800px;display:flex;flex-flow:column nowrap}section{border:1px solid whitesmoke;border-radius:10px;padding:.5rem}.button{border-radius:10px;min-width:48px;min-height:48px}.button:hover{cursor:pointer}.newItemEntry{position:sticky;top:0;margin-bottom:1rem}.newItemEntry__form{display:flex;gap:.25rem;font-size:1.5rem}.newItemEntry__input{width:calc(100% - (.25rem + 48px));flex-grow:1;border:2px solid whitesmoke;border-radius:10px;padding:.5em}.newItemEntry__button{background-color:transparent;color:#f5f5f5;border:3px dashed whitesmoke;padding:.75em}.newItemEntry__button:hover,.newItemEntry__button:focus{color:#32cd32}.listContainer{font-size:1.5rem;flex-grow:1;display:flex;flex-flow:column;gap:1rem}.listTitle{display:flex;justify-content:space-between;align-items:flex-end}.listTitle__button{background-color:transparent;color:#f5f5f5;padding:.25em}.listItems{flex-grow:1;display:flex;flex-flow:column nowrap;list-style-type:none}.item{display:flex;align-items:center;padding-top:1em;gap:1em}.item>input[type=checkbox]{text-align:center;min-width:2.5rem;min-height:2.5rem;cursor:pointer}.item>input[type=checkbox]:checked+label{text-decoration:line-through}.item>label{flex-grow:1;word-break:break-all}.item>button:hover,.item>button:focus{color:red}@media (min-width: 768px){section{padding:1rem}.newItemEntry__form{gap:.5rem}}