@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body{background-color:#17181f;color:#ddd}*{box-sizing:border-box}.App{margin:20px auto;max-width:450px;padding-top:50px}.title{display:block;font-family:Ubuntu,sans-serif;font-size:45px;font-weight:700;letter-spacing:3px;padding:5px;text-align:center}form{border:3px solid #30313d;border-radius:10px;display:flex;height:55px;padding:5px}form input[type=text]{background:none;border:0;border-radius:6px;color:#fff;display:block;font-family:Ubuntu,sans-serif;font-size:20px;letter-spacing:.03rem;padding:0 8px;width:100%}form button{background-color:#ffbc00;border:0;border-radius:6px;color:#333;cursor:pointer;font-size:29px;margin-right:10px;text-align:center;width:40px}form button:hover{font-size:35px}.task{align-items:center;background-color:#20212d;border-radius:10px;display:flex;height:35px;margin-top:15px;padding:5px 10px;transition:opacity .3s linear}.task svg{fill:#ddd;height:25px;margin-left:5px;margin-right:16px}div.checkbox{align-items:center;display:flex}.taskName{color:#ddd;flex-grow:1;font-size:22px}.task span{position:relative}.task.done{opacity:.3;text-decoration:line-through}h1,h2{padding-bottom:5px;text-align:center}button.trash{background:none;border:none;cursor:pointer;display:flex}button.trash svg{fill:#ddd;height:22px}button.trash svg:hover{height:25px}.footer{padding-top:150px;transition:2s;visibility:visible}.hidden{visibility:hidden}footer h4{color:grey;font-family:Press Start\ 2P,cursive;font-size:.8rem;font-weight:lighter;letter-spacing:2px;padding-top:75px;text-align:center}.redTitle{color:#a50505;text-decoration:none}.icons{align-items:center;display:flex;justify-content:center;padding:5px 0}.icons a svg{fill:#ddd;cursor:pointer;height:30px;margin:0 10px;transition:.5s}.icons a:hover svg{fill:#ffbc00;-webkit-transform:translateY(-3px) scale(1.2);transform:translateY(-3px) scale(1.2)}@media screen and (max-width:600px){.App{margin:20px auto;max-width:300px;max-width:400px;padding-top:30px}.title{font-size:35px}form{border-radius:6px;height:40px}form input[type=text]{font-size:18px;letter-spacing:0}form button{font-size:20px;font-weight:700;text-align:center;width:30px}form button:hover{font-size:21px}.taskName{flex-grow:1;font-size:17px;font-weight:600}h4{font-size:.6rem}footer{padding-top:100px}footer h4{color:grey;font-size:.6rem;font-weight:lighter;letter-spacing:1px;padding-top:45px;text-align:center}}
/*# sourceMappingURL=main.933c746a.css.map*/