.TodoCounter{font-size:24px;margin:0;padding:48px;text-align:center}.TodoCounter--loading{opacity:25%}.TodoSearch{border:2px solid #c5c770;border-radius:25px;box-shadow:0 5px 50px rgba(32,35,41,.25);color:#1e1e1f;font-family:Montserrat;font-size:24px;font-weight:400;height:64px;margin:0 24px;outline:none;text-align:center;width:calc(100% - 62px)}.TodoSearch::-webkit-input-placeholder{color:#a5a5a5;font-family:Poppins,sans-serif;font-weight:400}.TodoSearch::placeholder{color:#a5a5a5;font-family:Poppins,sans-serif;font-weight:400}.TodoSearch:focus{outline-color:#61dafa}.color0{color:#816c3f}.color1{color:#2bc9c8}.color2{color:#8bdcc0}.color3{color:#814cab}.color4{color:#d374ab}.color5{color:#e5b1bc}.coloramarillo{color:#c0bf78}.TodoSearch:disabled{opacity:25%}@media only screen and (max-width:600px){header{display:flex;flex-direction:column}.TodoSearch{margin:auto}}.TodoList-container{display:flex;height:100vh;justify-content:center;width:100%}ul{list-style:none;margin:0;padding:0 0 56px}li{border:4px solid #c600c9;border-radius:50px;height:10vh;width:24%}@media only screen and (max-width:900px){.TodoListMax{width:696px}}.TodoItem{align-items:center;align-self:start;background-color:#fafafa;border-radius:25px;box-shadow:0 5px 50px rgba(32,35,41,.15);display:inline-block;float:left;height:-webkit-max-content;height:max-content;justify-content:center;margin-left:20px;margin-right:20px;margin-top:24px;position:relative;width:300px;word-break:break-all}.TodoItem-p{font-size:18px;font-weight:400;line-height:24px;margin:24px auto;width:calc(100% - 120px)}.TodoItem-p--complete{text-decoration:line-through}.Icon{align-items:center;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:48px;justify-content:center;width:48px}.Icon-check{left:3px;position:absolute;top:30%}.Icon-check--active{color:#4caf50}.Icon-delete{position:absolute;right:-24px;top:-12px}.Icon-delete:hover{color:red}.Icon-edit{background:transparent;border:none;height:2rem;position:absolute;right:25px;top:-17px;width:2rem}.Icon-edit:hover{color:blue}.Icon-check--update{color:#f4fddc}@media only screen and (max-width:695px){.TodoItem{margin:20px 0;width:98%}}.editButton{background-color:initial;border:none;height:2rem;width:2rem}.CreateTodoButton{align-items:center;background-color:#33523a;border:none;border-radius:50%;bottom:24px;box-shadow:0 5px 25px rgba(97,218,250,.5);color:#fafafa;cursor:pointer;display:flex;font-size:50px;font-weight:700;height:64px;justify-content:center;position:fixed;right:24px;-webkit-transform:rotate(0);transform:rotate(0);transition:.3s ease;width:64px}.CreateTodoButton:hover{-webkit-transform:rotate(224deg);transform:rotate(224deg)}.superior{align-items:center;background-color:#814cab;color:#8bdcc0;display:flex;flex-direction:column;height:100vh;margin:0;position:fixed;top:0;width:100%;z-index:1}.superior h1{margin:auto}.img:hover{-webkit-transform:translateY(20px);transform:translateY(20px)}.img,.img:hover{transition:-webkit-transform 1s linear;transition:transform 1s linear;transition:transform 1s linear,-webkit-transform 1s linear}.img{height:50px;margin-bottom:auto;width:50px}form{align-content:center;display:flex;flex-direction:column;margin:0 auto;max-width:300px;padding:33px 40px;width:90%}.lbl{color:#000;font-size:#1e1e1f;font-weight:700;margin-bottom:26px}.lbl,textarea{text-align:center}textarea{background-color:#f9fbfc;border:2px solid #202329;border-radius:2px;box-shadow:0 5px 50px rgba(32,35,41,.25);color:#1e1e1f;font-size:20px;height:96px;padding:12px;width:calc(100% - 25px)}textarea::-webkit-input-placeholder{color:#a5a5a5;font-family:Poppins,sans-serif;font-weight:400}textarea::placeholder{color:#a5a5a5;font-family:Poppins,sans-serif;font-weight:400}textarea:focus{outline-color:#61dafa}.TodoForm-buttonContainer{align-items:center;display:flex;justify-content:space-between;margin-top:14px;width:100%}.TodoForm-button{border:none;border-radius:2px;color:#202329;cursor:pointer;display:inline-block;font-family:Montserrat;font-size:20px;font-weight:400;height:48px;width:120px}.containerButton{display:flex;justify-content:center}.TodoForm-button-add,.TodoForm-button-cancel{border-radius:25px;height:40px;margin-left:5px;margin-right:5px;margin-top:8px;width:90px}.TodoForm-button-add{border:1px solid #c600c9}.TodoForm-button-cancel{border:1px solid #c99300}body{background-size:100% 100%;color:#1e1e1f;font-family:Poppins,sans-serif;grid-template:repeat(9,91px)/repeat(10,10%);margin:0;padding:0}#root{margin:0;position:relative}.sectionSearch{height:220px}
/*# sourceMappingURL=main.7aba036d.css.map*/