html{box-sizing:border-box}body{background-color:#fafafa;font-family:Josefin Sans,sans-serif;margin:0;padding:0}.App{align-items:center;display:flex;flex-direction:column;height:100vh}.header{background-repeat:no-repeat;background-size:cover;height:200px;margin:0;width:100%}.header h1{color:#fafafa;margin:0;text-transform:uppercase}.header .heading{display:flex;justify-content:space-between;padding:0 1rem;position:relative;top:2rem}.header .heading a{cursor:pointer;position:relative;z-index:2}.header .inputWrap{display:flex;justify-content:center;position:relative}.header .inputWrap input{border:none;border-radius:5px;line-height:3rem;max-width:540px;padding-left:3.5rem;position:relative;top:4rem;width:67%}.listContent{align-items:center;border-radius:5px;bottom:2rem;box-shadow:0 2px 15px 0 #000;display:flex;flex-direction:column;justify-content:center;max-width:600px;position:relative;width:80%}.listContent .item{align-content:center;gap:1rem;justify-content:flex-start;position:relative;width:100%}.listContent .item .checkbox{display:flex;gap:1rem;justify-content:space-around}.listContent .item .checkbox p{cursor:pointer}.listContent .item .checkbox-round{appearance:none;-webkit-appearance:none;border:1px solid #9394a5;border-radius:50%;cursor:pointer;height:2em;outline:none;position:relative;top:.5rem;width:2em}.listContent .item input[type=checkbox]:hover{border-color:#c058f3}.listContent .item input[type=checkbox]:checked{background:linear-gradient(45deg,#57ddff,#c058f3);color:#fff}.listContent .item input[type=checkbox]:after{border:solid #fff;border-width:0 2px 2px 0;content:" ";display:none;height:40%;left:40%;position:relative;top:20%;-webkit-transform:rotate(50deg);transform:rotate(50deg);width:15%}.listContent .item input[type=checkbox]:checked:after{display:block}.listContent .item input[type=checkbox]:checked+p{text-decoration:line-through}.listContent .item.item:first-child{border-radius:5px 5px 0 0}.listContent .item .cross,.listContent .item .crossContainer{margin-left:auto;padding-right:1rem}.listContent .item .cross{fill:#777a92;align-self:center;height:auto;position:relative;top:1rem;width:auto}.listContent .itemCount{border:none;border-radius:0 0 15px 15px;gap:1rem;padding:1rem 0;text-transform:capitalize;width:100%}.Toggles,.listContent .itemCount{display:flex;justify-content:space-around}.Toggles{border-radius:5px;box-shadow:0 2px 10px 0 #000;padding:1rem;width:71%}.Toggles span:hover{color:#3a7bfd;cursor:pointer}.Toggles span::active{color:#3a7bfd}.deskToggle{border-radius:0 0 5px 5px;display:none!important;display:none;gap:3rem;justify-content:space-around;max-width:567.583px;padding:1rem 0 1rem 1.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.deskToggle .filterBtn:hover{color:#3a7bfd;cursor:pointer}.deskToggle .clearBtn{cursor:pointer}.attribution{bottom:1rem;color:#484b6a;font-size:.75rem;position:fixed;text-align:center;width:50%}.attribution a{color:#3a7bfd}@media screen and (min-width:1439px){.header{background-image:url(/static/media/bg-desktop-light.3508d620efd5a52bb4ce.jpg)}.header .heading{gap:27rem;justify-content:center;top:3rem}.header .inputWrap{display:flex;justify-content:center}.header .inputWrap input{max-width:511px;width:35%}.listContent{border-radius:5px;margin:0 0 5rem;position:relative;width:-webkit-max-content;width:max-content;z-index:5}.listContent>*{padding:1rem}.listContent .deskToggle{display:flex!important}.listContent .item{display:flex;gap:1rem;justify-content:flex-start;max-width:552.317px;width:34rem}.listContent .item .crossContainer{display:none;position:relative;top:1rem}.listContent .item .crossContainer .cross{left:0;top:0}.listContent .item:hover a{display:block}.listContent .itemCount{display:none!important}.Toggles{display:none}}.darkModeBody{background-color:#161722}.lightmodeContent{background-color:#fafafa}.lightBorder{border-bottom:1px solid #484b6a}.darkmodeContent{background-color:#25273c;color:#fafafa}.darkBorder{border-bottom:1px solid #777a92}.toggleDark{background-color:transparent;color:#fafafa}.completed{display:none!important}.flex{display:flex}
/*# sourceMappingURL=main.fbf81105.css.map*/