*{box-sizing:border-box;font-family:Work Sans,sans-serif;list-style:none;margin:0;padding:0}header{align-items:center;display:flex;flex-direction:column;width:100%}header ul{align-self:flex-end;display:flex}header ul li{border:1px solid #d1dae3;border-radius:50%;cursor:pointer;height:35px;width:35px}header ul li:not(:last-child){margin-right:15px}header ul li:first-child{background-image:linear-gradient(100deg,#575656,#062e3f)}header ul li:nth-child(2){background-image:linear-gradient(100deg,#d4f1ff,#fff)}header ul li:last-child{background-image:linear-gradient(100deg,#001214,#001f29)}@media screen and (max-width:280px){header ul li{height:25px;width:25px}header ul li:not(:last-child){margin-right:5px}}header h1{-webkit-animation:control-width 2s steps(11) both,blink 1s infinite;animation:control-width 2s steps(11) both,blink 1s infinite;border-right:3px solid rgba(0,0,0,.75);display:block;font-size:100px;font-weight:500;letter-spacing:5px;margin-top:50px;overflow:hidden;text-align:center;white-space:nowrap;width:0}@-webkit-keyframes control-width{0%{width:0}to{width:480px}}@keyframes control-width{0%{width:0}to{width:480px}}@-webkit-keyframes blink{0%{border-right:3px solid transparent}to{border-right:3px solid rgba(0,0,0,.75)}}@keyframes blink{0%{border-right:3px solid transparent}to{border-right:3px solid rgba(0,0,0,.75)}}@media screen and (max-width:540px){header h1{font-size:50px}@-webkit-keyframes control-width{0%{width:0}to{width:280px}}@keyframes control-width{0%{width:0}to{width:280px}}}@media screen and (max-width:280px){header h1{font-size:30px}@-webkit-keyframes control-width{0%{width:0}to{width:190px}}@keyframes control-width{0%{width:0}to{width:190px}}}form{display:flex;margin-top:30px;width:50%}@media screen and (max-width:912px){form{width:80%}}@media screen and (max-width:280px){form{width:90%}}form input{border:none;border-radius:0;border-bottom-left-radius:20px;border-top-left-radius:20px;font-size:16px;padding:13px 15px;transition:.5s;width:80%}form input:focus{outline:none}@media screen and (max-width:820px){form input{font-size:14px;width:70%}}form button{border:none;border-radius:0;border-bottom-right-radius:20px;border-top-right-radius:20px;cursor:pointer;font-size:16px;transition:.5s;width:20%}@media screen and (max-width:820px){form button{font-size:14px;width:30%}}@media screen and (max-width:280px){form button{font-size:10px}}form.default input{background-color:#181a1a;color:#f7e2df}form.default input:hover{background-color:#0c0c0c}form.default button{background-color:#f7e2df;color:#000}form.default button:hover{box-shadow:0 0 10px 1px #fff}form.light input{background-color:#aeb1b4;color:#1a150e}form.light input:hover{background-color:#a5a5a7}form.light input::-webkit-input-placeholder{color:#3b3b39}form.light input:-ms-input-placeholder{color:#3b3b39}form.light input::placeholder{color:#3b3b39}form.light button{background-color:#fff;color:#1a150e}form.light button:hover{background-color:#f0f0f0}form.dark input{background-color:#01394c;color:#fff}form.dark input:hover{background-color:#012c3a}form.dark input::-webkit-input-placeholder{color:#b1b1b1}form.dark input:-ms-input-placeholder{color:#b1b1b1}form.dark input::placeholder{color:#b1b1b1}form.dark button{background-color:#002837;color:#fff}form.dark button:hover{background-color:#001f29}section{margin-top:40px}@media screen and (max-width:540px){section{margin-top:20px}}section .item{align-items:center;border-radius:25px;display:flex;justify-content:space-between;margin-top:15px;padding:5px 17px}section .item.complete{opacity:.5;text-decoration:line-through}section .item.delete{opacity:0;-webkit-transform:rotate(2deg) translateY(100px);transform:rotate(2deg) translateY(100px);-webkit-transform-origin:0 50px;transform-origin:0 50px;transition:1s}section .item div{display:flex}section .item div p{font-size:18px;line-height:1.4;padding:10px 20px 10px 0;word-break:break-all}@media screen and (max-width:280px){section .item div p{font-size:15px}}section .item div button{border:none;border-radius:50%;cursor:pointer;font-size:20px;height:40px;transition:.5s;width:40px}section .item div button:first-child{margin-right:10px}section.default .item{background-color:#181a1a;color:#ffdfdb}section.default .item button{background-color:#f7e2df;color:#000}section.default .item button:hover{box-shadow:0 0 10px 1px #fff}section.light .item{background-color:#aeb1b4;color:#1a150e}section.light .item button{background-color:#fff;color:#1a150e}section.light .item button:hover{background-color:#f0f0f0}section.dark .item{background-color:#01394c;color:#fff}section.dark .item button{background-color:#002837;color:#fff}section.dark .item button:hover{background-color:#001f29}.App{min-height:100vh}.App.default{background-image:linear-gradient(100deg,#575656,#062e3f);color:#ffdfdb}.App.light{background-image:linear-gradient(100deg,#d4f1ff,#fff);color:#1a150e}.App.dark{background-image:linear-gradient(100deg,#001214,#001f29);color:#fff}.App .container{align-items:center;display:flex;flex-direction:column;margin:0 auto;padding:40px 0;width:86%}@media screen and (max-width:280px){.App .container{width:90%}}
/*# sourceMappingURL=main.2f59569f.css.map*/