/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-moz-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#a1a1aa}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#a1a1aa}input::placeholder,textarea::placeholder{opacity:1;color:#a1a1aa}button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:after,:before{border-color:currentColor}.tw-box-border{box-sizing:border-box}.tw-flex{display:flex}.tw-h-2\/5{height:40%}.tw-h-full{height:100%}.tw-h-screen{height:100vh}.tw-w-9\/12{width:75%}.tw-w-full{width:100%}@-webkit-keyframes tw-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes tw-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes tw-ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes tw-ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes tw-pulse{50%{opacity:.5}}@keyframes tw-pulse{50%{opacity:.5}}@-webkit-keyframes tw-bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes tw-bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}*,:after,:before{--tw-shadow:0 0 transparent;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.unfilled{display:flex;background-color:#9d9d9d;transition:all .4s}.full{display:flex;--tw-bg-opacity:1;background-color:rgba(239,239,239,var(--tw-bg-opacity));text-decoration:line-through;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition:all .4s}.title-task{box-sizing:border-box;width:91.666667%}.btn-delet-task{position:relative;padding:.25rem;font-weight:500;border:2px solid transparent;border-radius:5px;transition:all .4s}.btn-delet-task:hover{border-color:rgba(0,0,255,.555)}.container-toitems{position:relative;margin-top:.5rem;margin-bottom:.5rem;box-sizing:border-box;width:91.666667%;align-items:center;padding:.5rem;cursor:pointer;border-radius:.25rem;box-shadow:0 1px 1px rgba(0,0,0,.07),0 2px 2px rgba(0,0,0,.07),0 4px 4px rgba(0,0,0,.07),0 8px 8px rgba(0,0,0,.07),0 16px 16px rgba(0,0,0,.07);transition:.3s}.container-tolist{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;overflow-y:auto}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{border-radius:.25rem;background-color:#fff}::-webkit-scrollbar-thumb{border-radius:.25rem;background-color:#99a799;border:1px solid #fff}.spinner{background-color:none;color:balck;display:flex;align-items:center;justify-content:center;min-height:100%}.spinner:after{-webkit-animation:changeContent .8s linear infinite;animation:changeContent .8s linear infinite;display:block;content:"⠋";font-size:80px}@-webkit-keyframes changeContent{10%{content:"⠙"}20%{content:"⠹"}30%{content:"⠸"}40%{content:"⠼"}50%{content:"⠴"}60%{content:"⠦"}70%{content:"⠧"}80%{content:"⠇"}90%{content:"⠏"}}@keyframes changeContent{10%{content:"⠙"}20%{content:"⠹"}30%{content:"⠸"}40%{content:"⠼"}50%{content:"⠴"}60%{content:"⠦"}70%{content:"⠧"}80%{content:"⠇"}90%{content:"⠏"}}.container-toform{background-image:url(/static/media/los-50-paisajes-maravillosos-del-mundo-para-tomar-fotos-1280x720.62f464ff.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.form-toform{box-sizing:border-box;width:41.666667%;border-radius:.25rem;padding:.75rem;background-color:hsla(0,0%,50.2%,.473)}.component-of-toform,.form-toform{display:flex;flex-direction:row;align-items:center;justify-content:center}.component-of-toform{width:100%;--tw-bg-opacity:1;background-color:rgba(40,116,166,var(--tw-bg-opacity))}.component-of-toform input{box-sizing:border-box;width:91.666667%;padding:.25rem;outline:2px solid transparent;outline-offset:2px}.btn-toform{--tw-bg-opacity:1;background-color:rgba(199,0,57,var(--tw-bg-opacity));padding:.25rem;color:#fff}.container-todo{height:60%;width:100%;overflow:hidden;background-color:#fff;align-items:center;justify-content:center}.container-header{box-sizing:border-box;height:100vh;width:25%;border-right-width:1px;border-right-color:hsla(0,0%,50.2%,.486)}.container-header,.items-header,.nav-header{background-color:#fff}.items-header{box-sizing:border-box;padding:.5rem}.items-header li{margin-top:.5rem;margin-bottom:.5rem;cursor:pointer;padding:.25rem;font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;border:0}.items-header .line-hover{height:.25rem;width:8.333333%;--tw-bg-opacity:1;background-color:rgba(199,0,57,var(--tw-bg-opacity));transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.5s}.items-header .line-hover a:focus,.items-header li:hover .line-hover{width:100%}.title-header{margin-bottom:3.5rem;font-size:3.2em;font-weight:bolder}.border-gray-300{border-right-color:hsla(0,0%,50.2%,.486)}
/*# sourceMappingURL=main.aaef2406.chunk.css.map */