@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&family=Kumbh+Sans:wght@300;400;700&family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400&family=Michroma&family=Montserrat:wght@300;400;500;700&family=Oswald:wght@300;400;500;700&family=Public+Sans:wght@300;400;700&family=Roboto:wght@300;400&family=Rubik:wght@400;500;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{font-family:Josefin Sans,sans-serif!important;font-weight:400}html{font-size:18px}:root{--brightBlue:#3a7bfd;--checkBackground:linear-gradient #57ddff to #c058f3;--veryLightGray:#fafafa;--veryLightGrayishBlue:#e4e5f1;--lightGrayishBlue:#d2d3db;--darkGrayishBlue:#9394a5;--veryDarkGrayishBlue:#484b6a;--veryDarkBlue:#161722;--veryDarkDesaturatedBlue:#25273c;--lightGrayishBlueHover:#e4e5f1}@supports (color:hsl(0 0% 0%/0)){:root{--lightGrayishBlue:#cacde8;--darkGrayishBlue:#777a92;--veryDarkGrayishBlue:#4d5066;--veryDarkGrayishBlue:#393a4c}}.todo-top{height:200px;width:100%}.app-background-image{object-fit:cover}.app-background-image,.app-background-image-container{height:100%;width:100%}.todo-bottom{background-color:#000;min-height:calc(100vh - 200px);width:100%}.container{height:100%;position:absolute;top:0;width:100%}.todo-main-container{display:flex;flex-direction:column;gap:1em;height:100%;margin:0 auto;max-width:540px;padding:2.5em 0;top:0;width:90%}.app-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1em}.app-logo{color:#fff;font-size:1.2rem!important;font-weight:700!important;letter-spacing:5px!important}.mode-icon{color:#fff;cursor:pointer}.mode-icon:focus,.mode-icon:hover{opacity:.7}.app-container{display:flex;margin:0!important;padding:0!important;width:100%!important}.todo-input-container{align-items:center;background-color:#fff;border-radius:5px;display:flex;gap:1em;height:50px;padding:0 1em;width:100%}.todo-input-radio{align-items:center;border-radius:50%;display:flex;flex-direction:column;height:24px;justify-content:center;width:24px}.completedTodo{background-image:linear-gradient(#57ddff,#c058f3)!important;border:none!important}.check-icon{color:#fff!important;width:18px!important}.todo-input-text{background-color:initial;border:none;font-family:Josefin Sans,sans-serif;font-size:.875rem;outline:none;width:90%}.todo-tasks-list-container{display:flex;flex-direction:column;gap:.1em}.todo-task-container{align-items:center;background-color:#fff;display:flex;gap:1em;height:50px;padding:0 1em;width:100%}.todo-task-container:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.close-icon-container{margin-left:auto}.close-icon{cursor:pointer;width:22px!important}.todo-title{font-weight:300}.list-options-middle-desktop{display:none}.tasks-list-options{border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:grey;justify-content:space-between;margin-top:.1em;padding:0 1em;width:100%}.list-options-middle-mobile,.tasks-list-options{align-items:center;background-color:#fff;display:flex;height:48px}.list-options-middle-mobile{border-radius:5px;gap:1em;justify-content:center;margin-top:1em}.bottom-text{color:#8a8991;font-size:.85rem;text-align:center}.list-option{font-size:.75rem!important}.list-filter-option,.list-option{cursor:pointer;font-family:Josefin Sans,sans-serif!important}.list-filter-option{font-size:.87rem}.active-item{color:var(--brightBlue)!important}@media (min-width:500px){.list-options-middle-mobile{display:none}.list-options-middle-desktop{align-items:center;display:flex;gap:1em;justify-self:center}}
/*# sourceMappingURL=main.72798a3e.css.map*/