@import url(https://fonts.googleapis.com/css2?family=Varela+Round&display=swap);@import url(https://fonts.googleapis.com/css2?family=Handlee&display=swap);@import url(https://fonts.googleapis.com/css2?family=Patrick+Hand+SC&display=swap);@property --mySize{syntax:"<percentage>";inherits:false;initial-value:25%}@property --myColor{syntax:"<color>";inherits:false;initial-value:#ffa600}@property --myMiddleLine{syntax:"<percentage>";inherits:false;initial-value:45%}body{-webkit-animation:sunshine 10s infinite;animation:sunshine 10s infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:linear-gradient(180deg,rgba(176,235,255,.6) 10%,rgba(176,235,255,.2) 75%,rgba(0,60,255,.857) 75%,#00b7ff 90%,#f2d16b 93%),linear-gradient(180deg,hsla(0,0%,100%,.6) 30%,var(--myColor)),radial-gradient(circle closest-side at 50% 75%,var(--myColor) var(--mySize),rgba(255,0,0,0) 20px);background-attachment:fixed;background-repeat:no-repeat;margin:0}.toggledBody{-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:middleLineMove;animation-name:middleLineMove;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background:linear-gradient(90deg,#c0e79e var(--myMiddleLine),#e2bf95 var(--myMiddleLine))}@-webkit-keyframes middleLineMove{0%{--myMiddleLine:35%}50%{--myMiddleLine:65%}to{--myMiddleLine:35%}}@keyframes middleLineMove{0%{--myMiddleLine:35%}50%{--myMiddleLine:65%}to{--myMiddleLine:35%}}@-webkit-keyframes sunshine{0%{--mySize:20%;--myColor:#ff6400}20%{--myColor:#ffa600}50%{--mySize:40%;--myColor:#ffa600}80%{--myColor:#ffa600}to{--mySize:20%;--myColor:#ff6400}}@keyframes sunshine{0%{--mySize:20%;--myColor:#ff6400}20%{--myColor:#ffa600}50%{--mySize:40%;--myColor:#ffa600}80%{--myColor:#ffa600}to{--mySize:20%;--myColor:#ff6400}}.Root{align-items:center;background:none;border-radius:25px;display:flex;flex-direction:column;height:auto;margin:3rem auto 3%;min-width:40%;padding-bottom:15px;padding-left:10px;padding-right:10px;width:-webkit-min-content;width:min-content}.MyClass{background:linear-gradient(45deg,#65470a 50%,#07781d 0)}@media (max-width:411px){#root{width:80%}}.counter{color:#fff;font-family:Varela Round,sans-serif;margin-top:20px;text-align:center;width:100%}.MyOtherClass{color:brown!important}.searchBar{background-color:#fff;border:none;border-radius:10px;box-shadow:0 0 8px #000;color:teal;height:24px;text-align:center;width:80%}.searchBar:focus{outline-color:#6470f2}.searchBar::-webkit-input-placeholder{color:teal;text-align:center}.searchBar:-ms-input-placeholder{color:teal;text-align:center}.searchBar::placeholder{color:teal;text-align:center}.listOfTodos{align-items:center;background-color:rgba(121,214,113,0);border-radius:20px;display:flex;flex-direction:column;height:270px;justify-content:flex-start;list-style:none;margin-top:25px;max-height:280px;overflow-y:auto;padding:10px 0;width:280px;width:350px}.listOfTodos::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:rgba(165,42,42,.631);border-radius:2px}.listOfTodosToggled.listOfTodos::-webkit-scrollbar{width:5px}.listOfTodosToggled::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.636);border-radius:2px}.empty{color:brown;font-family:Patrick Hand SC,cursive;font-size:30px;padding:10px;text-align:center}.toggledEmpty{color:#fff!important}.activated{border:2px solid #ff0}@-webkit-keyframes listLoadingAnimation{0%{background-position:-350px}to{background-position:350px}}@keyframes listLoadingAnimation{0%{background-position:-350px}to{background-position:350px}}.loadingList{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:listLoadingAnimation;animation-name:listLoadingAnimation;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:linear-gradient(90deg,hsla(0,0%,100%,0) 15%,#fff,hsla(0,0%,100%,0) 45%);border:none;border-radius:20px;margin-top:25px;max-height:280px;min-height:250px;min-width:280px;padding:10px 0;width:350px}@media (max-width:411px){.listOfTodos{width:90%}.loadingList{min-width:90%}}@-webkit-keyframes increase{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.8);transform:scale(1.8)}}@keyframes increase{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.8);transform:scale(1.8)}}@-webkit-keyframes decrease{0%{-webkit-transform:scale(1.8);transform:scale(1.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes decrease{0%{-webkit-transform:scale(1.8);transform:scale(1.8)}to{-webkit-transform:scale(1);transform:scale(1)}}.itemCompleted{text-decoration:line-through;-webkit-text-decoration-color:#ff168a;text-decoration-color:#ff168a;text-decoration-thickness:2px}.listItem{word-wrap:break-word;align-items:center;background-color:#559f23;border-radius:10px;box-shadow:0 0 10px #000;color:#fff;display:flex;flex-direction:row;font-family:Handlee,cursive;justify-content:center;margin-bottom:10px;margin-top:10px;word-break:break-all}.MyOtherOtherClass{background-color:hsla(0,0%,100%,0)!important;color:brown!important}.listItem:hover{box-shadow:0 0 15px #fff;cursor:default}.listItem:active{cursor:grabbing}.item{word-wrap:break-word;text-align:center;width:auto}.deleteIcon,.item{font-size:24px;margin:5px}.deleteIcon{color:red;height:20px;padding-bottom:15px;padding-top:0}.deleteIcon:hover{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:increase;animation-name:increase;cursor:pointer}.checkIcon{color:green;font-size:24px;margin:5px}.checkIcon:hover{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:increase;animation-name:increase;cursor:pointer}.dragging{background-color:#5ff!important}.addTodoButton{align-items:center;-webkit-animation:counterRotate .5s linear;animation:counterRotate .5s linear;background-color:#559f23;border:none;border-radius:50%;box-shadow:0 0 15px #000;color:#fff;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:28px;height:40px;justify-content:center;margin-top:15px;width:40px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes counterRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes counterRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.addTodoButton:active{box-shadow:0 0 12px #000}.addTodoButton:hover{-webkit-animation:rotate .5s linear;animation:rotate .5s linear;cursor:pointer}@media (max-width:412px){.addTodoButton{font-size:20px}}.modalBackground{background:hsla(0,0%,100%,.5);bottom:-10px;color:#fff;justify-content:center;left:-10px;position:fixed;right:-10px;top:-10px}.Form,.modalBackground{align-items:center;display:flex;flex-direction:column}.Form{background:linear-gradient(180deg,rgba(176,235,255,.6) 10%,rgba(176,235,255,.2) 75%,rgba(0,60,255,.857) 0,#00b7ff 90%,#f2d16b 93%),linear-gradient(180deg,hsla(0,0%,100%,.6) 30%,#ffa600);border:1px solid #fff;border-radius:10px;height:350px;justify-content:space-around;padding:20px}.toggledForm{background:linear-gradient(90deg,#c0e79e 50%,#e2bf95 0)}.TodoCreator::-webkit-input-placeholder{line-height:75px;text-align:center}.TodoCreator:-ms-input-placeholder{line-height:75px;text-align:center}.TodoCreator::placeholder{line-height:75px;text-align:center}.TodoCreator{background-color:#fff;border:1px solid #fff;border-radius:10px;color:rgba(0,0,0,.685);font-family:Handlee,cursive;font-size:24px;height:80px;line-height:75px;overflow-y:scroll;text-align:left;width:400px}.TodoCreator::-webkit-scrollbar{display:none}.TodoCreator:focus{outline:1px solid #000}.buttonsDiv{display:flex;justify-content:space-around;width:300px}.CrearTodo{background-color:rgba(17,255,0,.837);border:1px solid #fff;border-radius:20px;color:#fff;font-size:18px;height:35px;width:100px}.CrearTodo:hover{box-shadow:0 0 6px #fff;-webkit-transform:scale(1.2);transform:scale(1.2)}.CerrarModal{background-color:rgba(255,166,0,.837);border:1px solid #fff;border-radius:20px;color:red;font-family:Handlee,cursive;font-size:20px;font-weight:bolder;height:35px;padding-bottom:5px;padding-top:3px;width:100px}.CerrarModal:hover{border:1px solid red;box-shadow:0 0 6px red;-webkit-transform:scale(1.2);transform:scale(1.2)}.smallAlert{color:rgba(0,0,0,.685);font-family:Patrick Hand SC,cursive;font-size:20px;margin-left:auto;margin-right:auto;max-width:300px;text-align:center}@media (max-width:412px){.form{width:200px}.TodoCreator{font-size:15px;line-height:25px;width:190px}.buttonsDiv{width:220px}.CrearTodo{font-size:17px;width:80px}.CerrarModal{width:80px}}.toggleContainer{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr;text-align:center;width:90%}.toggleButton:hover{cursor:pointer}.toggleButton{border-radius:5px;box-shadow:0 0 5px #000;color:#fff;font-family:Handlee,cursive;grid-column:2;justify-self:right;width:100px}.toggleButton:hover{box-shadow:0 0 5px #fff}.toggleButton:active{box-shadow:none}@media (max-width:1280px){.toggleContainer{grid-template-columns:65% 35%}}.userName{color:#fff;font-family:Handlee,cursive;grid-column:1;justify-self:left;margin:0}.userName:hover{cursor:pointer}@-webkit-keyframes loadingAnimationTop{0%{background-position:-200px}to{background-position:200px}}@keyframes loadingAnimationTop{0%{background-position:-200px}to{background-position:200px}}.topSkeleton{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loadingAnimationTop;animation-name:loadingAnimationTop;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:linear-gradient(90deg,hsla(0,0%,100%,0) 35%,#fff,hsla(0,0%,100%,0) 65%);border-radius:10px;height:35px;margin-bottom:15px;margin-top:20px;width:450px}@media(max-width:412px){.topSkeleton{width:80%}}.warning{background:radial-gradient(#ff0,red);border-radius:10px;padding:0 5px 10px}.warningTitle{border-radius:4px;color:#441f04!important;font-family:Varela Round,sans-serif}.yesNoDiv{display:flex;justify-content:space-around}.noButton{background-color:#b0483a;border:none;border-radius:5px;box-shadow:0 0 5px #000;color:#fff;font-family:Handlee,cursive;font-size:18px}.noButton:hover{box-shadow:none;cursor:pointer}.noButton:focus{box-shadow:none}.yesButton{background-color:#4babff;border:none;border-radius:5px;box-shadow:0 0 5px #000;color:#fff;font-family:Handlee,cursive;font-size:18px}.yesButton:hover{box-shadow:none;cursor:pointer}.yesButton:focus{box-shadow:none}
/*# sourceMappingURL=main.a0bb05e1.css.map*/