*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;text-align:center}.App{display:flex;flex-direction:column;height:100vh;justify-content:space-between;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input{border:.5px solid grey;border-radius:10px;margin-bottom:3em;margin-top:2em;padding:10px;width:20em}.new-todo{flex-direction:column;margin-inline:auto;max-width:600px;padding:0 1em;width:100%}.new-todo,.todo-container{align-items:center;display:flex;justify-content:center}.TodoList{width:100%}.TodoList:hover{transition:all 1s ease-in}.toggle-btns{background-color:rgba(183,175,230,.939);border:none;display:inline;transition:all .2s ease-in;width:100%}.filter-btn{background-color:transparent;border:none;color:#000;cursor:pointer;font-weight:700;margin-top:2em;padding:0 1em;-webkit-transform:translateY(-60%);transform:translateY(-60%)}.toggle-btns:hover{background-color:rgba(131,117,213,.939)}.filter-btn:hover{color:#eee;font-weight:800;transition:all .2s ease-in}.todo{align-items:center;background:rgba(131,117,213,.939);color:#000;display:flex;font-size:1.5rem;justify-content:space-between;margin:.5rem;margin-inline:auto;max-width:600px;width:100%}.filter-todo{padding:1rem}.todo li{flex:1 1;list-style:none}.todo:hover{transition:all 1s ease-in-out}.fa-check{color:#fff;font-size:20px}.fa-xmark{color:#000;font-size:20px;margin:0 2px}.todo-btns{margin-right:1em}.todo-button{background-color:transparent;border:none;cursor:pointer;margin:2px 1em 2px 2px;padding:3px}.footer{background-color:rgba(183,175,230,.939);font-size:.8em;gap:2em;justify-content:space-between;justify-content:center;max-width:100%;padding:0 .2em;width:100%}.footer,.footer-section{align-items:center;display:flex}.footer-section{gap:5px;justify-content:space-between}
/*# sourceMappingURL=main.3f1c5e35.css.map*/