@import url(https://fonts.googleapis.com/css2?family=Neucha&display=swap);*,:after,:before,html{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(90deg,#4b6cb7,#182848);font-family:Neucha;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:center;color:#f5f5f5;display:flex;flex-direction:column;margin:0 auto;max-width:1100px;padding:2rem;text-align:center;width:90%}.container h1{font-size:3rem}.titlefirst{-webkit-animation-delay:.5;animation-delay:.5;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:showup;animation-name:showup;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;display:inline-block}@-webkit-keyframes showup{0%{opacity:0;-webkit-transform:translateX(-500px);transform:translateX(-500px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes showup{0%{opacity:0;-webkit-transform:translateX(-500px);transform:translateX(-500px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.titlesecond{-webkit-animation-delay:.5;animation-delay:.5;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:appear;animation-name:appear;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;display:inline-block}@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:translateX(500px);transform:translateX(500px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes appear{0%{opacity:0;-webkit-transform:translateX(500px);transform:translateX(500px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media only screen and (max-width:800px){.container{width:100%}}.inputForm{margin-top:1rem;position:relative;text-align:center;width:70%}.inputForm input{border:none;border-radius:100px;color:gray;font-family:inherit;font-size:1.5rem;outline:none;padding:.7rem 1.5rem;width:100%}.inputForm button{background-color:#3ad59f;border:2px solid transparent;border-radius:50%;color:currentColor;cursor:pointer;display:inline-block;height:2.5rem;outline:none;padding:0;position:absolute;right:0;top:50%;-webkit-transform:translate(-20%,-50%);transform:translate(-20%,-50%);transition:all .3s;width:2.5rem}.inputForm button:hover{background-color:#f5f5f5;border-color:#3ad59f;color:#3ad59f}.inputForm button>*{font-size:2rem}.todolist__container{display:flex;gap:2%;justify-content:space-between;margin-top:2rem;width:100%}.todolist__container>*{flex:0 0 48%}.todolist__container>:only-child{flex:0 0 100%}.todoitem__container{align-items:center;border:1px solid green;border-radius:5px;box-shadow:0 3px 3px rgba(0,0,0,.3);display:flex;font-size:1.2rem;justify-content:space-between;margin:.5rem;padding:1rem;transition:all .3s}.todoitem__content{text-align:left;width:70%}.todoitem__content *{overflow-wrap:break-word}.todoitem__content form,.todoitem__content input{font-size:inherit;margin:0;padding:0;width:100%}.todoitem__container:hover{box-shadow:2px 6px 6px rgba(0,0,0,.4);-webkit-transform:translateY(-1px) scale(1.01);transform:translateY(-1px) scale(1.01)}.todoitem__container form input{background-color:inherit;border:none;color:indigo;font-family:Neucha;font-size:inherit;outline:none;overflow-wrap:break-word}.notcompleted{background:linear-gradient(90deg,#f8ff00,#3ad59f);color:#4b6cb7;cursor:pointer}.completed{background:linear-gradient(90deg,#fdbb2d,#22c1c3);color:#182848}.icon{cursor:pointer;display:inline-block;font-size:1.3rem;margin-left:.5rem;transition:all .3s}.icon:hover{color:#f5f5f5;-webkit-transform:scale(1.3);transform:scale(1.3)}@media only screen and (max-width:800px){.todolist__container{flex-direction:column}.inputForm{width:95%}.edit,.save{display:none}.icon{margin-left:.8rem}}
/*# sourceMappingURL=main.dedcce3f.css.map*/