@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap);*{box-sizing:border-box}:root{--fonts:"Josefin Sans",sans-serif;--fs-normal:18px;--fs-light:14px;--fs-bold:40px;--fw-noral:400;--fw-bold:700;--lsp:0.4em;--bg-gradient:linear-gradient(130deg,#57ddff,#c058f3);--color-active:#3a7bfd;--color-header:#fafafa;--radii:8px}body[data-theme=dark]{--bg:#161722;--color-box:#25273c;--color-text:#cacde8;--color-typing:#d2d3db;--hover:#e4e5f1;--border-color:#393a4c;--shadow:1px 28px 17px -18px #000;--complete:#484b6a;--color-bottom:#484b6a;--placeholder:#777a92}body[data-theme=light]{--bg:#e4e5f1;--color-box:#fafafa;--color-text:#25273c;--color-typing:#161722;--hover:#393a4c;--border-color:#e4e5f1;--shadow:1px 28px 17px -18px #d2d3db;--complete:#d2d3db;--color-bottom:#777a92;--placeholder:#cacde8}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);font-family:Josefin Sans,sans-serif;font-family:var(--fonts);font-size:18px;font-size:var(--fs-normal);margin:0;padding:0}.wrapper{align-items:center;background-position:top;background-repeat:no-repeat;background-size:100vw 35vh;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-block:2rem;width:100%}.block-container{margin-block-end:4rem;margin-block-start:1rem;min-height:33vh;width:50%}.block-container.block-list{box-shadow:var(--shadow)}.header{align-items:center;display:flex;height:5rem;justify-content:space-between;width:100%}.header h1{color:var(--color-header);font-size:var(--fs-bold);letter-spacing:var(--lsp);margin:0}.header div{cursor:pointer}.create_todo,.todo-item{align-items:center;background-color:var(--color-box);display:flex;height:4rem;justify-content:space-between;padding-inline:2rem;width:100%}.create_todo{border-radius:var(--radii);margin-block-end:2rem;margin-block-start:1rem}.todo-item{border-bottom:1px solid var(--border-color)}.todo-circle,.todo-cross{height:25px;width:25px}.todo-cross{transition:all .2s ease-in;visibility:collapse}.todo-circle{border:1px solid var(--border-color);border-radius:50%;cursor:pointer}.todo-circle.complete{align-items:center;background-image:var(--bg-gradient);display:flex;justify-content:center}.create_todo input{background-color:inherit;border:1px solid #0000;color:var(--color-typing);font-size:var(--fs-normal);height:calc(100% - 2px);width:90%}.create_todo input::placeholder{color:var(--placeholder);font-size:var(--fs-normal);letter-spacing:2px}.create_todo input:focus{outline:1px solid #484b6a}.todo-list{border-radius:var(--radii);min-height:5rem;overflow:hidden;width:100%}.todo-title{color:var(--color-text);cursor:pointer;font-size:var(--fs-normal);padding-inline-start:.5rem;width:80%}.todo-title.todo-complete{color:var(--complete);text-decoration:line-through}.todo-item:hover{& .todo-cross{cursor:pointer;visibility:visible}}.todo-bottom{background-color:var(--color-box);color:var(--color-bottom);font-size:var(--fs-light);height:3.5rem;padding-inline:2rem;width:100%}.todo-bottom,.todo-select{align-items:center;display:flex;justify-content:space-between}.todo-select{gap:.5rem;width:30%}.mobile_bottom{display:none}.completed-clear:hover,.select-item:hover{color:var(--hover);cursor:pointer}.select-item.item-active{color:#3a7bfd}@media screen and (min-width:1300px){.block-container{width:40%}}@media screen and (min-width:335px) and (max-width:900px){.block-container{width:80%}.header h1{font-size:1.8em}.todo-select{display:none}.mobile_bottom{align-items:center;background-color:var(--color-box);border-radius:var(--radii);color:var(--color-bottom);display:flex;font-size:var(--fs-normal);gap:1.5rem;height:3.5rem;justify-content:center;margin-block-start:1rem;padding-inline:2rem;width:100%}}
/*# sourceMappingURL=main.8409cf52.css.map*/