*{box-sizing:border-box;margin:0;padding:0}body{background-image:url(/static/media/coffee.dd20ca4b4158add5aa43.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;padding:2%}.loading{align-items:center;background-color:rgba(0,0,0,.637);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10}.loading img{width:10%}.signin,.signup{align-items:center;background-color:#fff;border-radius:20px;box-shadow:6px 6px 10px #000;display:flex;flex-direction:column;margin:0 auto;padding:5%;width:50%}.signin h1,.signup h1{color:#000;font-size:1.5em;text-align:center}.signin form,.signup form{display:flex;flex-direction:column;width:70%}.signin form input,.signup form input{background-color:transparent;border:none;border-bottom:1px solid #000;font-size:1rem;margin-top:5%;outline:none;padding:1%}.signin form input:focus,.signup form input:focus{-webkit-animation:input .8s infinite alternate;animation:input .8s infinite alternate;border-bottom:3px solid green}.signin form b,.signup form b{color:red;font-size:.9rem;margin-top:2%}.signin form button,.signup form button{background-color:#fff;border-radius:0 5px 5px 5px;margin-top:5%;outline:none;padding:1%}.signin form button:active,.signup form button:active{background-color:#f0f0f0;box-shadow:inset 1px 1px 5px #6b6b6b}.signin h3,.signup h3{color:#000;font-size:1rem;margin-top:2%}.todo{margin:0 auto;width:80%}.todo h1{background-color:#559cb8;border-radius:20px;color:#fff;margin:0 auto 2%;padding:1%;text-align:center;width:100%}.todo form{display:flex;width:100%}.todo form input{font-size:1.3em;padding:1%;width:90%}.todo form button{background-color:#559cb8;border:none;color:#fff;font-weight:700;outline:none;width:10%}.todo .todosLists{width:100%}.todo .todosLists li{align-items:center;background-color:#fff;border-radius:10px;color:#fff;color:#000;display:flex;font-weight:700;justify-content:space-between;list-style:inside;list-style-type:decimal;margin-top:1%;padding:1%}.todo .todosLists li span{width:60%}.todo .todosLists li .btns{display:flex;justify-content:space-between;width:15%}.todo .todosLists li .btns button{min-width:30%}.done{text-decoration:line-through}@-webkit-keyframes input{0%{opacity:0}to{opacity:1}}@keyframes input{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:800px){.signin,.signin form,.signup,.signup form{width:100%}.signin form input,.signup form input{font-size:1.2rem;padding:5%}.signin form button,.signup form button{font-size:1.3rem;padding:4%}.todo{width:100%}.todo form input{padding:5% 3%}.todo .todosLists li{padding:5% 2%}.todo .todosLists li .btns{width:30%}.todo .todosLists li .btns button{padding:5% 0;width:48%}}
/*# sourceMappingURL=main.247da2b1.css.map*/