@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@800&display=swap";:root{display:flex;justify-content:center;height:100vh}main{margin:5em 0;min-width:60vw;max-width:80vw;min-height:40vh;border:solid 3px;border-radius:1em;background-color:#fff;filter:drop-shadow(10px 10px 0px black);padding:1em}h1{text-align:center;font-weight:800;font-size:2.5em}#todo-input{display:flex;margin:1em .5em;border:solid 2px;border-radius:5px;outline:none}#todo-input-text{padding:.25em .5em;height:2em;flex-grow:1;border:none;border-top-left-radius:5px;border-bottom-left-radius:5px;font-weight:600;font-size:1em;letter-spacing:1.5px;outline:none}#todo-input:focus-within{outline:solid 1px}#todo-input-button{width:3em;background-color:#fa2400;border:none;font-weight:800;border-top-right-radius:5px;border-bottom-right-radius:5px}#todo-input-button:hover{filter:brightness(.975)}#filter-container{display:flex;margin:1em .5em;border:solid 2px;outline:none}.filter-btn{background-color:#fff;border:solid 1px;border-color:#000;height:3em;padding:0;font-weight:600;font-size:1em;letter-spacing:2px;flex-grow:1}.filter-btn:not(.active-filter):hover{filter:brightness(.975)}.active-filter{background-color:#000;color:#fff}.todo-container{display:flex;padding:.5em 1em;align-items:center}.todo-container:hover{background-color:#f8f8f8}.todo-chk{background-color:#fff;margin:0 1em 0 0;width:2em;height:2em;border:.15em solid black;border-radius:.15em;transform:translateY(-.075em);accent-color:black}.todo-label{font-size:1.4em;font-weight:200;flex-grow:1}#todo-btn-container{display:flex;flex-flow:row nowrap}.todo-btn{margin:0 .3em;padding:0;width:2em;height:2em;border:none;background-color:#fff;font-size:1.1em}.todo-container:hover .todo-btn{background-color:#f8f8f8}:root{font-family:Public Sans,Helvetica,Arial,sans-serif;font-weight:400;box-sizing:border-box;background-color:#fadf0c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}button{cursor:pointer}