body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ededed;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}#root{background-color:#fcfdcab0;border:20px solid #804000;border-radius:30px;box-shadow:0 0 30px rgba(0,0,0,.648);margin:80px auto;max-width:500px;min-height:68vh;padding:48px;position:relative;width:50%}.Developer-container{color:#77777780;font-family:fantasy;font-size:15px;position:absolute}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media screen and (max-width:850px){#root{margin-bottom:0;margin-top:25px;padding:20px 0 0;width:100%}}.main-tittle{color:#013;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:50px;font-weight:700;margin:-80px 0;text-align:center}.todo-counter{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:30px;margin-top:50px;padding:48px;text-align:center}@media(max-width:850px){.main-tittle{margin-top:-130px}}input{background-color:hsla(0,0%,100%,.537);border:none;box-sizing:border-box;display:flex;font-size:20px;margin:-30px auto;padding:10px;width:80%}input::-webkit-input-placeholder{color:#999}input::placeholder{color:#999}input:focus{outline-color:#013}ul{margin:40px auto;width:80%}li{display:flex;height:auto;margin-left:-20px;padding:4px;width:100%}li::marker{color:transparent}.Icon-container{border:2px solid #222;border-radius:10px;font-size:30px;height:40px;margin-right:10px;text-align:center;width:40px}.Icon{color:#777}.Icon-check{margin:auto}.Icon-check--active{color:#2a3}.Icon-container:hover{cursor:pointer}.close{border:none;font-size:15px;height:5%;margin-left:-15px;margin-top:5px;width:5%}.TodoItem-p{border-bottom:2px solid #000;font-size:20px;font-weight:700;min-height:25px;padding-bottom:3px;width:80%}.TodoItem-p--completed{text-decoration:line-through;text-decoration-color:#f02}.CreateTodoButton{align-items:center;background-color:#1b61cb;border:none;border-radius:10px;bottom:25px;box-sizing:border-box;color:#fff;display:flex;font-size:40px;font-size:70px;font-weight:700;height:70px;justify-content:center;margin:auto;position:fixed;right:25px;-webkit-transform:rotate(0);transform:rotate(0);transition:.3s ease;width:70px;z-index:20}.CreateTodoButton:hover{background-color:#3a82ee;cursor:pointer;-webkit-transform:rotate(224deg);transform:rotate(224deg)}.loading-bar{background:transparent;border:solid #3c3c3c;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.5);color:#013;display:flex;font-family:sans-serif;font-size:15px;height:110px;justify-content:center;letter-spacing:3px;line-height:111px;margin:120px 120px 120px 180px;padding:4px;position:relative;text-align:center;text-shadow:0 0 20px #013;text-transform:uppercase;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:110px}.loading-bar:before{-webkit-animation:animateC 2s linear infinite;animation:animateC 2s linear infinite;border-right:3px solid transparent;border-top:3px solid transparent;border-color:#013 #013 transparent transparent;border-radius:50%;border-style:solid;border-width:5px 5px 3px 3px;content:"";height:100%;left:-3px;position:absolute;top:-3px;width:100%}@-webkit-keyframes animateC{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animateC{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes animate{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes animate{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@media(max-width:490px){.loading-bar{margin:80px 120px;position:absolute}}.EmptyTodos{align-content:center;color:#77777780;font-family:fantasy;font-size:35px;height:100%;margin:100px -15px;text-align:center;width:100%}.ModalBackground{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;color:#edededed;display:flex;height:50%;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:50%;width:100%}form{background-color:#ededed;border-radius:20px;display:flex;flex-direction:column;height:50%;max-width:500px;text-align:center;width:50%}.TodoForm-label{color:#013;font-family:fantasy;font-size:40px;height:20%;justify-content:center;margin:30px auto;padding:5px;width:60%}textarea{background-color:initial;border:1px solid #013;border-radius:10px;font-size:20px;height:40%;margin:4px auto;resize:none;width:80%}textarea:focus{outline:1px solid #3d6aff}.TodoForm-buttonContainer{margin:20px auto}.TodoForm-button{border-radius:10px;height:70%;margin:14px 45px;width:140px}button{background:transparent;border:1px solid #3d6aff;border-radius:7px;box-shadow:0 0 0 0 transparent;color:#013;font-size:14px;font-weight:600;letter-spacing:2px;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase;transition:all .2s ease-in}button:hover{background:#3d6aff;box-shadow:0 0 30px 5px rgba(0,142,236,.815);color:#ededed;cursor:pointer;transition:all .2s ease-out}button:hover:before{-webkit-animation:sh02 .5s linear 0s;animation:sh02 .5s linear 0s}button:before{background:#fff;box-shadow:0 0 50px 30px #fff;content:"";display:block;height:86%;left:0;opacity:0;position:absolute;top:7%;-webkit-transform:skewX(-20deg);transform:skewX(-20deg);width:0}@-webkit-keyframes sh02{0%{left:0;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}@keyframes sh02{0%{left:0;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}button:active{box-shadow:0 0 0 0 transparent;transition:box-shadow .2s ease-in}@media screen and (max-width:1000px){form{height:60%;margin:0;width:100%}.TodoForm-button{height:40px;margin:0 10px;width:130px}}.container{display:flex;flex-direction:column;position:relative;top:-150px}.circulo{background-color:#c3c4c5;display:flex;height:60px;width:60px;z-index:2}.circulo,.inside-circle{border-radius:50%;margin:auto}.inside-circle{background-color:#ddd;height:25px;width:25px}.rectangulo{background-color:#c3c4c5;border-bottom:15px solid #a3a4a5;border-top-left-radius:30px;border-top-right-radius:30px;box-shadow:0 0 30px rgba(0,0,0,.648);height:70px;margin:-25px auto;max-width:400px;width:90%}@media(max-width:850px){.container{height:100px;margin-top:40px;top:-130px}.circulo{height:30px;width:30px}.inside-circle{height:15px;width:15px}.rectangulo{height:40px;margin-bottom:0;width:250px}}.TodoNotFound{align-content:center;color:#77777780;font-family:fantasy;font-size:35px;height:100%;margin:100px -15px;text-align:center;width:100%}
/*# sourceMappingURL=main.ced6d64b.css.map*/