@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap);body{align-items:center;font-family:Comfortaa,cursive;height:100vh;justify-content:center;margin:0}.App{text-align:center;transition:background .3s,color .3s}h1{color:#af2f2f26;font-size:100px;font-weight:100;margin:0}.efficiency{color:#fc0;font-size:20px;position:absolute;right:20px;top:20px}.todo-container{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0003;padding:20px;width:400px}input[type=text]{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;margin-bottom:20px;padding:10px;width:100%}ul{list-style:none;margin:0;padding:0}li{align-items:center;border-bottom:1px solid #ddd;display:flex;padding:10px 0;position:relative}li.completed span{color:#d9d9d9;text-decoration:line-through}input[type=checkbox]{margin-right:10px}button{background:none;border:none;color:#cc9a9a;cursor:pointer;font-size:16px}button:hover{color:#af5b5e}.points{animation:pointsAnimation 1s forwards;color:#fc0;margin-left:auto;margin-right:10px}@keyframes pointsAnimation{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes fly{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}li.completed .points{animation:fly 1s forwards}.shop{margin-top:20px}.shop ul{list-style:none;margin:0;padding:0}.shop li{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px 0}.shop .price{color:#fc0}.pet{align-items:center;display:flex;flex-direction:column;left:20px;position:absolute;top:20px}.pet-image{animation:bounce 2s infinite;font-size:50px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pet-items{align-items:center;display:flex;flex-direction:column}.pet-item{background:#fff;border-radius:5px;box-shadow:0 2px 4px #0003;margin-top:10px;padding:5px 10px}
/*# sourceMappingURL=main.3cc283d4.css.map*/