@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{background:#d1d1d1;height:100vh}.list-container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.list-container h1{font-family:Space Mono;font-size:32px;line-height:47px;margin:5rem auto 4rem}.list-container form{height:32px;margin-bottom:2.5rem}.list-container .todo-input{background-color:#e3e3e3;border:none;bottom:3px;height:32px;padding:0 .5rem;position:relative;width:350px}.list-container .todo-button{background:#c4c4c4;border:none;margin-left:2px;max-height:32px;padding:.5rem}.list-container .todo-button svg{font-size:1rem}.list-container .todo-button:hover{background-color:#fff}.list-container .select{float:right;height:32px;margin-left:1rem;width:139px}.list-container .filter-todo{background-color:#e3e3e3;border:none;cursor:pointer;height:32px;padding:.5rem;width:139px}.list-container .filter-todo:hover{background-color:#fff}.todo-container{align-items:center;display:flex;justify-content:center}.todo-container .todo-list{list-style:none;margin:0;min-width:30%;padding:0}.todo-container .todo{align-items:center;background-color:#e3e3e3;display:flex;font-family:Open Sans;font-size:16px;height:45px;justify-content:space-between;line-height:22px;margin:1rem .5rem;transition:all 1s ease;width:464px}.todo-container .todo li{flex:1 1}.complete-btn,.trash-btn{background-color:#a26767d9;border:none;color:#515151;cursor:pointer;font-size:1rem;height:45px;width:45px}.complete-btn{background-color:#7fa77ed9;border-right:1px solid #515151}.complete-btn:hover{border-left:1px solid #515151}.complete-btn:hover,.trash-btn:hover{border-bottom:1px solid #515151;border-top:1px solid #515151}.trash-btn:hover{border-right:1px solid #515151}.todo-container .todo-item{align-items:center;display:flex;height:45px;max-width:404px;overflow-x:auto;padding:.7rem .5rem;white-space:nowrap}.completed{opacity:.4;text-decoration:line-through}@media only screen and (max-width:540px){.list-container .select{float:none;margin-left:55%;margin-top:8px}}@media only screen and (max-width:488px){.todo-container .todo-list{list-style:none;margin:0;min-width:30%;padding:0}.todo-container .todo{height:45px;width:365px}}@media only screen and (max-width:398px){.todo-container .todo{height:45px;width:265px}.list-container .todo-input{background-color:#e3e3e3;border:none;height:32px;width:250px}.list-container .select{margin-left:51%}}
/*# sourceMappingURL=main.76ae2375.css.map*/