@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..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}@font-face{font-family:Josefin Sans;src:url(https://fonts.google.com/specimen/Josefin+Sans)}*{box-sizing:border-box;font-family:Josefin Sans,sans-serif}.app{background-color:#161722;height:100vh;position:relative;width:100vw}.headerImage{background-image:url(/todo-list-app/static/media/bg-desktop-dark.73e47dbb723ebc772ef0.jpg);background-repeat:no-repeat;background-size:cover;height:30vh;position:absolute;width:100%}.activeContainer{align-items:center;height:100vh;position:absolute;width:100vw;z-index:10}.activeContainer,.mainHeaderbar{display:flex;justify-content:center}h2{color:#fff;font-size:40px;font-weight:700;letter-spacing:15px}.mainContainer{width:clamp(400px,30vw,600px)}.addNewTask{display:flex;justify-content:space-between}.todoInput{border:none;border-radius:10px 0 0 10px;font-size:large;height:50px;padding:10px;width:100%}.addTodoButton,.todoInput{background-color:#25273c;color:#fff;outline:none}.addTodoButton{align-items:center;border:none;border-radius:0 10px 10px 0;cursor:pointer;display:flex;padding-right:20px}.addCross{transform:rotate(45deg)}.listContainer{height:clamp(10vh,50vh,60vh);margin-top:3rem;overflow-y:scroll}.listContainer::-webkit-scrollbar{background-color:#161722;border-radius:10px;margin-left:10px;width:6px}.listContainer::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px}.todoListItem{background-color:#25273c;color:#fff;height:70px;justify-content:space-between;outline-color:#fff;padding-left:5px;position:relative}.taskTextContainer,.todoListItem{align-items:center;display:flex}.completed{vertical-align:middle}.todoListText{cursor:pointer;padding-left:10px}input[type=checkbox]{background-color:red;cursor:pointer;height:1.1rem;width:1.1rem}.deleteButton{cursor:pointer}.delIcon{margin-right:1rem}.strikeOver{color:#4d5066;text-decoration:line-through}.filtersContainer{align-items:center;background-color:#25273c;color:#4d5066;display:flex;font-size:small;gap:2.7rem;height:50px;justify-content:space-evenly;padding:1rem;top:0;width:98.85%}.remainingItemsIndicator{color:#777a92}.filtersIcons{align-items:center;display:flex;gap:.7rem;justify-content:space-evenly}.clearCompleted:hover,.filtersIcons>div:hover{color:#e4e5f1;cursor:pointer}.activeFilter{color:#3a7bfd}
/*# sourceMappingURL=main.9b16ee5b.css.map*/