body{background-color:#ffeaa7;background-image:radial-gradient(#0091ff 7.2%,transparent 0);background-size:25px 25px;min-height:70vh;display:flex;justify-content:center;align-items:center;font-family:Architects Daughter,cursive;font-size:130%;color:#494a4b;text-align:center}.container,body{padding:1rem;box-sizing:border-box}.container{width:100%;max-width:500px;min-width:250px;min-height:500px;background:#f1f5f8;background-image:radial-gradient(#bfc0c1 7.2%,transparent 0);background-size:25px 25px;border-radius:20px;box-shadow:4px 3px 7px 2px rgba(0,0,0,.25098039215686274)}.heading{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.heading h1{background-color:#fdcb6e;font-size:1.5rem;padding:.2rem 1.2rem;transform:rotate(2deg);border-radius:20% 5% 20% 5%/5% 20% 25% 20%}.form input{width:70%;padding:.7rem;margin-bottom:20px;font-size:1rem;color:rgba(63,63,65,.7);background-color:initial;border:3px solid transparent;border-bottom:3px dashed #fdcb6e;border-bottom-right-radius:15px 3px;border-bottom-left-radius:3px 15px;box-sizing:border-box}.form input,button{font-family:inherit}button{border:none;background-color:#ffeaa7;border-radius:5px;text-decoration:none;padding:0 0 3px}button span{display:block;padding:.5rem 1rem;background:#f1f5f8;border-radius:5px;border:2px solid #494a4b}ul{padding-left:0;margin-left:0;width:100%}li{text-align:left;max-width:80%;word-break:break-word;overflow-wrap:break-word}.todo-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 0;margin-bottom:.5rem;border-radius:8px}.task-text{flex:1 1;word-break:break-word;overflow-wrap:break-word}.delete-btn{background:none;border:none;color:#ff4d4d;cursor:pointer;font-size:1.4rem;padding:.3rem;margin-left:auto;transition:color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.delete-btn:hover{color:#ff1a1a;transform:scale(1.1)}.delete-btn[aria-label]:after{content:attr(aria-label);position:absolute;top:-30px;right:0;background:#333;color:#fff;padding:.3rem .6rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;transform:translateY(0);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.delete-btn:hover[aria-label]:after{opacity:1;transform:translateY(-10px)}
/*# sourceMappingURL=main.d1a43f97.chunk.css.map */