.counter{-webkit-text-fill-color:transparent;align-items:center;background:#12c2e9;background:linear-gradient(270deg,#e2c7c9,#595bdf,#7acfe2);-webkit-background-clip:text;display:flex;font-size:2.5rem;justify-content:center;text-align:center}.counter-div{background:linear-gradient(0deg,#312d44,#000);border-bottom:30px solid #dff1e7;border-left:none;border-right:none;display:grid;height:135px;place-content:center;z-index:0}.counter-div:before{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);content:"";height:65px;position:absolute;-webkit-transform:translateY(15vh);transform:translateY(15vh);width:100vw}.ul{background-image:url(https://img.freepik.com/foto-gratis/escritorio-plano-laico-laptop-gafas_23-2148284275.jpg?w=740&t=st=1679267646~exp=1679268246~hmac=f2bdf16dbd85f14062d0a766ed176a2942ae27f3a5e13f1685b96e992ea3c957);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100vw),1fr));margin:10px;object-fit:fill}.todo-list{color:#fff;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 2px 0 #000,0 -2px 0 #000,1px 1px #000,-1px -1px 0 #000,1px -1px 0 #dd8944,-1px 1px 0 #dd8944}li{align-items:center;box-shadow:0 10px 10px -6px #000;color:#000;display:flex;flex-direction:row;font-size:larger;justify-content:center;padding-left:5%;padding-right:5%}.li{background-color:hsla(0,0%,100%,.4);border-radius:12px;list-style:none;margin:20px;padding:8px;text-align:center}.li,.li-check{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.li-check{background-color:rgba(0,0,0,.4);color:#fff;text-decoration:line-through}.button{background:#fff;border:2px solid #000;border-radius:50%;height:30px;width:30px}.button-check{background:#83ca83}.button-delete{height:30px;width:30px}.button-delete-completed{background-color:tomato;border-radius:8px;padding:2px}.text{word-wrap:break-word;width:90%}.add{background:#8360c3;background:linear-gradient(0deg,#2ebf9186,#8360c35d);border:transparent;border-radius:15%;left:50vw;padding:5px;position:fixed;top:85vh;z-index:1}.add:hover{box-shadow:0 5px 15px rgba(0,0,0,.5)}.set-add{display:none}.add-img{height:50px;width:50px}.div-add{display:grid;place-content:center;width:100%}.animationOff{display:none}.animacion{-webkit-animation:slidein 1s linear forwards;animation:slidein 1s linear forwards;font-size:30px;text-align:center;z-index:1}@-webkit-keyframes slidein{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-180px);transform:translateY(-180px)}}@keyframes slidein{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-180px);transform:translateY(-180px)}}.animacionOn{display:none}.animacion2{-webkit-animation:slidein2 .6s linear forwards;animation:slidein2 .6s linear forwards;font-size:35px;text-align:center;z-index:1}@-webkit-keyframes slidein2{0%{opacity:1;-webkit-transform:translateY(-70px);transform:translateY(-70px)}to{opacity:0;-webkit-transform:translateY(-150px);transform:translateY(-150px)}}@keyframes slidein2{0%{opacity:1;-webkit-transform:translateY(-70px);transform:translateY(-70px)}to{opacity:0;-webkit-transform:translateY(-150px);transform:translateY(-150px)}}.animacionOn2{display:none}.animacion3{-webkit-animation:slidein3 .9s linear forwards;animation:slidein3 .9s linear forwards;font-size:25px;text-align:center;z-index:1}@-webkit-keyframes slidein3{0%{opacity:1;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px)}}@keyframes slidein3{0%{opacity:1;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px)}}.animacionOn3{display:none}form{align-items:center;background-color:hsla(0,0%,100%,.6);border-radius:9px;box-shadow:0 0 66px -4px rgba(0,0,0,.75);display:grid;flex-direction:column;grid-template-rows:15% 75% 10%;max-width:300px;padding:33px 40px;place-content:center;width:90%;z-index:5}label{color:#e069e0;font-weight:700;margin-bottom:26px;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 2px 0 #000,0 -2px 0 #000,1px 1px #000,-1px -1px 0 #000,1px -1px 0 #dd8944,-1px 1px 0 #dd8944}label,textarea{font-size:20px;text-align:center}textarea{background-color:#fff;border:2px solid transparent;box-shadow:0 5px 50px rgba(54,176,197,.25);height:90%;outline:none;padding:12px;width:100%}textarea::-webkit-input-placeholder{color:#08ebeb;font-size:large;font-weight:400}textarea::placeholder{color:#08ebeb;font-size:large;font-weight:400}textarea:focus{border:2px solid #08ebeb}.TodoForm-buttonContainer{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:14px;width:100%}.TodoForm-button{border:none;border-radius:10px;cursor:pointer;display:inline-block;font-size:20px;font-size:medium;height:40px;width:120px}.TodoForm-button--add{background:linear-gradient(217deg,rgba(0,247,255,.8),rgba(255,0,0,0) 70.71%),linear-gradient(127deg,rgba(63,189,151,.8),rgba(0,255,0,0) 70.71%),linear-gradient(336deg,rgba(0,0,255,.8),rgba(0,0,255,0) 70.71%);color:#fff}.TodoForm-button--cancel{background:linear-gradient(270deg,#fddede,#fff,#f7f7b9);color:tomato}.todo-seach{display:grid;grid-template-rows:30% 70%;z-index:0}.search{color:#cda3fd;font-size:large;margin-left:12px;margin-top:10%;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 2px 0 #000,0 -2px 0 #000,1px 1px #000,-1px -1px 0 #000,1px -1px 0 #dd8944,-1px 1px 0 #dd8944}.lupa{height:20px;width:20px}.todoSearch-div{display:grid;justify-content:flex-start}.input-div{background:linear-gradient(270deg,#ffc0c0,gray,blue,red,rgba(236,89,229,.493));border-top-left-radius:12px;border-top-right-radius:12px;height:30%;margin:10px;width:500px}.input-div:before{background:linear-gradient(270deg,pink,blue,purple,rgba(240,3,240,.603));border-bottom-left-radius:12px;border-bottom-right-radius:12px;content:"";height:25px;position:absolute;-webkit-transform:translateY(19px);transform:translateY(19px);width:500px}.input{border:9px solid transparent;border-radius:5px;margin:5px;outline:none;position:absolute;width:489px}@media (max-width:600px){.input-div{width:300px}.input-div:before{height:25px;width:300px}.input{width:288px}}.ModalBackground{background-color:rgba(0,0,0,.4);bottom:0;color:#fff;left:0;position:fixed;right:0;top:0}.ModalBackground,.li-todoLoading{align-items:center;display:flex;justify-content:center}.li-todoLoading{background-color:gray;border-radius:12px;box-shadow:0 10px 10px -6px #000;color:#000;flex-direction:row;font-size:larger;list-style:none;margin:20px;padding-left:5%;padding-right:5%;padding:8px;text-align:center}.imgLoading-check,.li-todoLoading{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.imgLoading-check{background-color:rgba(0,0,0,.4);color:#fff;text-decoration:line-through}.imgLoading-check,.imgLoading-delete{background:#fff;border:2px solid gray;border-radius:50%;height:30px;width:30px}.text-todoLoading{width:90%}.imgLoading-check,.imgLoading-delete,.li-todoLoading,.text-todoLoading{-webkit-animation:loadingAnimation 2s ease-in-out infinite;animation:loadingAnimation 2s ease-in-out infinite;background:linear-gradient(90deg,#fafafa,#c8c7c7);background-size:400% 400%}@-webkit-keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}*{box-sizing:border-box;margin:0;padding:0}.body{background:#7f7fd5;background:linear-gradient(270deg,hsla(0,81%,90%,.432),#c7d7f78e,#b9b6c4a4);display:grid;grid-template-rows:15% 18% 67%;height:100vh;width:100vw;z-index:0}
/*# sourceMappingURL=main.579ad2e7.css.map*/