*{box-sizing:border-box;margin:0;padding:0;font-family:"M PLUS Rounded 1c",sans-serif;--white:#fff;--black:#000;--text:#222;--post-it-letters:#0500ff}.App{display:flex;flex-direction:column;align-items:center;height:auto;padding-bottom:2rem;text-align:center;background-image:url(/static/media/pexels-pixabay-326347.14c9172d.jpg);background-size:cover}.lds-hourglass{display:inline-block;position:relative;width:80px;height:80px}.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:8px;box-sizing:border-box;border-color:#000 transparent;border-style:solid;border-width:32px;-webkit-animation:lds-hourglass 1.2s infinite;animation:lds-hourglass 1.2s infinite;opacity:.7}@-webkit-keyframes lds-hourglass{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{-webkit-transform:rotate(900deg);transform:rotate(900deg);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{-webkit-transform:rotate(5turn);transform:rotate(5turn)}}@keyframes lds-hourglass{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{-webkit-transform:rotate(900deg);transform:rotate(900deg);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{-webkit-transform:rotate(5turn);transform:rotate(5turn)}}.todo-container{width:80%;min-height:100vh}.form-container,.todo-container{display:flex;flex-direction:column;align-items:center}.form-container{justify-content:center;width:90%;background-color:#fff;padding:1.5rem;margin:2rem 0 0;border-radius:.5rem;box-shadow:6px 6px 0 0 rgba(0,0,0,.5647058823529412)}.form-container>h1{max-width:500px;margin:0 0 1.5rem;font-size:2rem}.tasks-filter-container{width:90%;height:auto;margin-top:2rem;background-color:hsla(0,0%,100%,.5);border-radius:.5rem;box-shadow:6px 6px 0 0 rgba(0,0,0,.5647058823529412)}.tasks-container,.tasks-filter-container{display:flex;flex-direction:column;align-items:center}.tasks-container{width:80%;justify-content:space-between;padding:0 0 1rem}@media screen and (min-width:600px){.form-container{width:500px}}@media screen and (min-width:1024px){.todo-container{width:95%;display:grid;grid-template-columns:1fr 2fr;grid-gap:2rem;gap:2rem;justify-items:center;align-items:flex-start;position:relative}.form-container{width:400px;position:-webkit-sticky;position:sticky;top:10px}.tasks-filter-container{width:100%}}.form{max-width:90%}.form,.form>div{display:flex;justify-content:center;align-items:center}.form>div{flex-direction:column}.form label{width:200px;margin-bottom:.5rem;font-size:1.1rem}.form label>input{width:200px;padding:.2rem;text-align:center;box-shadow:1px 1px 2px 2px rgba(0,0,0,.5647058823529412);font-size:1rem}.form label>input,.send-task{border:none;border-radius:.3rem}.send-task{max-width:50%;margin:1rem 0 0;padding:.3rem .5rem;cursor:pointer;background-color:#6eb4dc;box-shadow:2px 2px 0 0 rgba(0,0,0,.5647058823529412);font-weight:700}.send-task:hover{background-color:#598caa;color:var(--white)}.send-task:active{background-color:#6eb4dc;color:var(--white)}@media screen and (min-width:1024px){.form>div{width:400px}.form label{width:350px;margin-top:1rem}.form label>input{width:100%}}.filters{display:flex;justify-content:space-around;width:80%;padding:1rem .5rem;margin:.5rem 0;border-radius:.3rem}.filters>button{max-width:70%;padding:.1rem .3rem;border:none;border-radius:.3rem;box-shadow:1px 1px 2px 2px rgba(0,0,0,.5647058823529412);background-color:#717271;font-weight:700;cursor:pointer;color:#fff}.filters>button:hover{background-color:#999;color:var(--white)}.filters>button:active{background-color:var(--white);color:var(--black)}@media screen and (min-width:1024px){.filters{width:400px}}.check-del>input{width:1.2rem;height:1.2rem;margin:0;padding:0;cursor:pointer;border:3px solid green;border-radius:50px}.check-del input[type=checkbox]:checked{box-shadow:0 0 3px 3px #4f55d8}.check-del>button{width:25px;color:var(--white);font-size:1.2rem;background-color:red;border:none;border-radius:5px;cursor:pointer;opacity:.7}.check-del>button:hover{background-color:var(--white);color:red;opacity:1}.task{display:flex;justify-content:space-between;width:100%;margin:1rem 0 0;background-color:#c846cf;border-radius:.3rem;transition:background-color .5s ease}.task>.todo{margin:.8rem;max-width:60%}.task>.todo>p{color:#0500ff;font-weight:700;text-align:start}.task>.check-del{display:flex;justify-content:center;align-items:center;width:30%;margin:auto .5rem auto 0}.task>.check-del>input{margin-right:.5rem}
/*# sourceMappingURL=main.5ee0788a.chunk.css.map */