*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#000;--secondary-color:#fff;--tertiary-color:#0096c7;--primary-color-light:rgba(30,30,30,.86);--background-primary:#03071e;--background-secondary:#2727283d;--font-main:1.8rem;--font-big:2.2rem;--font-title-big:3rem;--card--loading:gray}html{font-size:62.5%}main{height:100%;width:100%}.App{align-items:center;display:flex;flex-direction:column;margin:55px auto;max-width:800px;min-width:320px;position:relative;text-align:center;width:90%}::-webkit-scrollbar{display:none}body{background-color:#03071e;background-color:var(--background-primary)}.container{align-items:center;background-color:#2727283d;background-color:var(--background-secondary);border-radius:2rem;display:flex;flex-direction:column;gap:20px;height:45vh;margin:2rem;max-width:500px;min-width:250px;overflow:scroll;padding:20px 10px;position:relative;width:100%}.container::-webkit-scrollbar{display:none}.cursor{cursor:pointer}.container h3.statusAfter{color:#fff;color:var(--secondary-color);font-size:1.8rem;font-size:var(--font-main)}.modal{height:auto;text-align:center;width:100%}.modal-container{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:1}.background-modal-close,.modal-container{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%}.background-modal-close{background-color:#2727283d;background-color:var(--background-secondary);z-index:0}.notfound-container{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:3rem;height:100vh;justify-content:center;padding:20px;position:relative;width:100%}.imageNotfound{height:70vh;max-width:600px;min-height:300px;min-width:320px;width:70%}.todo-button{background-color:var(--primary-color);border-radius:2rem;color:var(--secondary-color);cursor:pointer;font-size:var(--font-main);font-weight:700;margin:10px 0;padding:1rem;position:relative}.todo-button:before{-webkit-animation:glowing 3s linear infinite;animation:glowing 3s linear infinite;background:linear-gradient(10deg,#22c1c3,#fdbb2d);background-size:800%;content:"";-webkit-filter:blur(8px);filter:blur(8px);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.todo-button:active{background-color:var(--primary-color-light)}@-webkit-keyframes glowing{0%{background-position:0 0}to{background-position:400% 0}}@keyframes glowing{0%{background-position:0 0}to{background-position:400% 0}}.title-big{color:var(--secondary-color);font-size:var(--font-title-big);margin:10px;position:relative;text-align:center}.title--loading{opacity:50%}.main--card-todo{grid-gap:2rem;align-items:center;background-color:var(--secondary-color);border-radius:2rem;color:var(--primary-color);display:grid;font-size:var(--font-main);gap:2rem;grid-template-columns:30px 1fr 30px;height:auto;max-width:400px;min-width:300px;padding:1rem;position:relative;width:100%}.completeTask{text-decoration:line-through}.todoIcons{border:3px double var(--secondary-color);display:flex;height:25px;padding:2px;width:25px}.iconCircle{border-radius:2rem}.iconCircle:active{background:var(--background-primary)}.delete{background-color:#d00000}.delete:hover{background-color:#980303}.complete{background-color:#0037ff}.complete:hover{background-color:#00186e}.TodoSearchLabel{align-items:center;color:var(--secondary-color);display:flex;flex-direction:row;flex-wrap:wrap;font-size:var(--font-main);font-weight:700;gap:10px;margin:10px auto;max-width:500px;min-width:288px;position:relative;width:100%}.todoSearchSpan{flex-grow:1}.TodosearchInput{border-radius:2rem;color:var(--primary-color);flex-grow:3;font-size:var(--font-main);margin:0 auto;max-width:300px;padding:1rem;width:100%}.TodosearchInput:focus{outline-color:var(--tertiary-color)}.todo-counter{color:var(--secondary-color);font-size:var(--font-main);margin:10px;position:relative;text-align:center}.status-container{display:flex;flex-direction:column;gap:10px;height:100%;width:100%}.status-container .statusEmpty,.statusError{height:50%;margin:0 auto;max-width:350px;min-width:200px;width:70%}.main--card-todo.loading{background-color:var(--card--loading);padding:3rem;z-index:1}.main--card-todo.loading:before{-webkit-animation:glowing 4s linear infinite;animation:glowing 4s linear infinite;background:linear-gradient(100deg,transparent 30%,hsla(0,0%,100%,.555) 50%);background-size:800%;border-radius:2rem;content:"";-webkit-filter:brightness(5%);filter:brightness(5%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.main--congratulation-background{align-items:center;background-color:initial;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1}.main--congratulation-background.hidden{height:0;visibility:hidden;width:0}.background-close{background-color:rgba(0,0,0,.17);bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}.panel-congratulation{align-items:center;background-color:#03071e;border:5px groove #fff;border-radius:2rem;display:flex;height:300px;justify-content:center;padding:2rem;position:relative;text-align:center;width:300px;z-index:1}.panel-congratulation .todoIcons{height:40px;position:absolute;right:20px;top:20px;width:40px;z-index:1}.panel-message{color:#fff;font-size:var(--font-title-big);font-weight:700;z-index:1}@-webkit-keyframes cube{0%{opacity:1;-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%)}to{opacity:0;-webkit-transform:scale(20) rotate(960deg) translate(-50%,-50%);transform:scale(20) rotate(960deg) translate(-50%,-50%)}}@keyframes cube{0%{opacity:1;-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%)}to{opacity:0;-webkit-transform:scale(20) rotate(960deg) translate(-50%,-50%);transform:scale(20) rotate(960deg) translate(-50%,-50%)}}.background{border:5px solid transparent;border-radius:2rem;height:inherit;overflow:hidden;position:absolute;width:inherit;z-index:0}.background li{-webkit-animation:cube 6s ease-in infinite forwards;animation:cube 6s ease-in infinite forwards;border:1px solid #0039ad;color:transparent;height:10px;left:0;position:absolute;top:0;-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%);-webkit-transform-origin:top left;transform-origin:top left;width:10px}.background li:nth-child(0){-webkit-animation-delay:0s;animation-delay:0s;border-color:#0046d4;left:290px;top:90px}.background li:first-child{-webkit-animation-delay:2s;animation-delay:2s;border-color:#0046d4;left:65px;top:105px}.background li:nth-child(2){-webkit-animation-delay:4s;animation-delay:4s;border-color:#504242;left:156px;top:50px}.background li:nth-child(3){-webkit-animation-delay:6s;animation-delay:6s;border-color:#423030;left:206px;top:200px}.background li:nth-child(4){-webkit-animation-delay:8s;animation-delay:8s;border-color:#2b2b2b;left:85px;top:74px}.background li:nth-child(5){-webkit-animation-delay:10s;animation-delay:10s;border-color:#2b2b2b;left:76px;top:57px}.background li:nth-child(6){-webkit-animation-delay:12s;animation-delay:12s;border-color:#ffe031;left:21px;top:63px}.background li:nth-child(7){-webkit-animation-delay:14s;animation-delay:14s;border-color:#0046d4;left:4px;top:19px}.background li:nth-child(8){-webkit-animation-delay:16s;animation-delay:16s;border-color:#80b918;left:29px;top:6px}.background li:nth-child(9){-webkit-animation-delay:18s;animation-delay:18s;border-color:#80b918;left:70px;top:0}.background li:nth-child(10){-webkit-animation-delay:20s;animation-delay:20s;border-color:#80b918;left:42vw;top:96vh}.background li:nth-child(11){-webkit-animation-delay:22s;animation-delay:22s;border-color:#80b918;left:72vw;top:92vh}.background li:nth-child(12){-webkit-animation-delay:24s;animation-delay:24s;border-color:#0046d4;left:90vw;top:75vh}.background li:nth-child(13){-webkit-animation-delay:26s;animation-delay:26s;border-color:#2fab05;left:54vw;top:21vh}.background li:nth-child(14){-webkit-animation-delay:8.2s;animation-delay:8.2s;border-color:#afb5ae;left:60vw;top:31vh}.background li:nth-child(15){-webkit-animation-delay:10s;animation-delay:10s;border-color:#838c80;left:10vw;top:12vh}.background li:nth-child(16){-webkit-animation-delay:12s;animation-delay:12s;left:15vw;top:39vh}.background li:nth-child(17){-webkit-animation-delay:14s;animation-delay:14s;left:96vw;top:8vh}.background li:nth-child(18){-webkit-animation-delay:16s;animation-delay:16s;border-color:#0046d4;left:85vw;top:91vh}.background li:nth-child(19){-webkit-animation-delay:18s;animation-delay:18s;border-color:#0046d4;left:91vw;top:85vh}.background li:nth-child(20){-webkit-animation-delay:20s;animation-delay:20s;border-color:#0046d4;left:3vw;top:47vh}.background li:nth-child(21){-webkit-animation-delay:22s;animation-delay:22s;left:39vw;top:26vh}.background li:nth-child(22){-webkit-animation-delay:24s;animation-delay:24s;border-color:#0046d4;left:80vw;top:59vh}.background li:nth-child(23){-webkit-animation-delay:26s;animation-delay:26s;left:28vw;top:80vh}.form--container{background-color:var(--background-primary);border:5px groove var(--secondary-color);border-radius:2rem;height:auto;max-width:800px;min-width:300px;padding:2rem;position:relative;width:90%;z-index:1}.form--container form{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin:0 auto;width:inherit}.form--container form h3{color:var(--secondary-color);font-size:var(--font-big)}.form--container form label{display:flex;flex-direction:column;gap:1rem}.form--container form label span{color:var(--secondary-color);font-size:var(--font-main)}.form--container form label textarea{border-radius:2rem;color:var(--primary-color);display:block;font-size:var(--font-main);height:10rem;margin:0 auto;padding:.4rem;width:100%}.form--container form label textarea:focus{outline-color:var(--tertiary-color)}.form--container form label textarea::-webkit-scrollbar{display:none}.form--container .todoIcons.iconCircle.delete{height:30px;position:absolute;right:1rem;top:1rem;width:30px}.container-alert{background-color:rgba(0,0,0,.515);bottom:0;left:0;position:fixed;right:0;top:0}.alert-mesage,.container-alert{align-items:center;display:flex;justify-content:center}.alert-mesage{background:gray;border-radius:10px;flex-direction:column;font-size:1.3rem;gap:10px;height:150px;width:80%}.alert-mesage button{background-color:#0055bc;border-radius:10px;color:#fff;cursor:pointer;font-size:2rem;font-weight:800;height:50px;width:250px}nav{align-items:center;background-color:#01017f;height:50px;left:0;padding:5px;position:fixed;right:0;top:0;z-index:1}nav,nav ul{display:flex}nav ul{gap:20px;list-style:none}nav ul li{color:#fff;font-size:2rem;font-weight:800}.underline{-webkit-text-decoration:underline #fff 3px;text-decoration:underline #fff 3px}nav a{text-decoration:none}@media (max-width:600px){nav ul li{font-size:1.5rem}}
/*# sourceMappingURL=main.e51e49e0.css.map*/