body{background-color:#ece9f9;font-family:Poppins,sans-serif;margin:0}.todo-container{border-radius:12px;box-shadow:6px 6px 12px #c8c3e5,-6px -6px 12px #fff;margin:60px auto;text-align:center;width:350px}h1{color:#3a3a7a;font-weight:700;margin:0 0 15px}input::placeholder{color:#9a94b8;font-weight:400}.input-section{background-color:#faf9ff;border-radius:12px;box-shadow:6px 6px 12px #c8c3e5,-6px -6px 12px #fff;padding:20px;text-align:center}.input-wrapper{align-items:center;display:flex;gap:10px}.input-wrapper input{border-radius:10px;box-shadow:inset 3px 3px 6px #d1cde7,inset -3px -3px 6px #fff;flex:1 1;font-size:16px;font-weight:700;outline:none;padding:12px}.add-btn,.input-wrapper input{background-color:#faf9ff;border:none;color:#3a3a7a}.add-btn{align-items:center;border-radius:50%;box-shadow:5px 5px 10px #c8c3e5,-5px -5px 10px #fff;cursor:pointer;display:flex;font-size:18px;height:45px;justify-content:center;transition:all .2s ease-in-out;width:45px}.add-btn:hover{box-shadow:inset 3px 3px 6px #c8c3e5,inset -3px -3px 6px #fff}ul{margin:20px 0 0;padding:0;text-align:left}ul li{word-wrap:break-word;align-items:center;background-color:#faf9ff;border-radius:5px;box-shadow:5px 5px 10px #c8c3e5,-5px -5px 10px #fff;color:#3a3a7a;display:flex;flex-wrap:wrap;font-weight:700;justify-content:space-between;list-style:none;margin-bottom:15px;overflow-wrap:break-word;padding:15px}.task-text{flex:1 1;overflow-wrap:anywhere;word-break:break-word}.completed{color:#7d7d7d;text-decoration:line-through}.actions{display:flex;flex-shrink:0;gap:8px}.actions i{align-items:center;border:none;color:#3a3a7a;cursor:pointer;display:flex;height:30px;justify-content:center;width:35px}.actions i:hover{box-shadow:inset 3px 3px 6px #c8c3e5,inset -3px -3px 6px #fff}ul li i{border:none;border-radius:50%;box-shadow:5px 5px 10px #c8c3e5,-5px -5px 10px #fff;height:30px;transition:all .2s ease-in-out;width:50px}Header,ul li i{align-items:center;display:flex;justify-content:center}Header{background-color:#faf9ff;height:80px;width:100%}Header a{color:#3a3a7a;font-weight:700;margin:0 15px;text-decoration:none}.about-page{background-color:#faf9ff;border-radius:15px;box-shadow:7px 7px 15px #c8c3e5,-7px -7px 15px #fff;color:#3a3a7a;font-family:Poppins,sans-serif;margin:60px auto;padding:25px;text-align:center;width:350px}.about-page h1{color:#2e2e3a;font-size:24px;font-weight:700;margin-bottom:15px}.about-page h2{color:#3a3a7a;font-size:18px;margin:20px 0 10px}.about-page p{font-size:14px;line-height:1.6;margin-bottom:15px}.about-page ul{list-style:none;margin:0;padding:0;text-align:left}.about-page ul li{align-items:center;background-color:#faf9ff;border-radius:10px;box-shadow:inset 3px 3px 6px #d1cde7,inset -3px -3px 6px #fff;display:flex;font-size:15px;font-weight:500;font-weight:700;margin-bottom:12px;padding:15px 16px}.about-page ul li:before{color:#6a5acd;content:"✔";font-weight:700}.footer{align-items:center;background-color:#faf9ff;bottom:0;color:#3a3a7a;display:flex;font-size:.95rem;justify-content:space-between;padding:.8rem 1.5rem;position:relative}.footer-left{color:#31318955;text-align:left}.footer-center{color:#3a3a7a;flex:1 1;font-weight:700;text-align:center}.footer-right{display:flex;gap:1rem;justify-content:flex-end}.footer-right .icon{align-items:center;color:#3a3a7a;display:flex;transition:color .3s ease}.footer-right .icon:hover{color:#1d4ed8}.footer-right svg{height:20px;width:20px}#root,body,html{height:100%;margin:0}#root{display:flex;flex-direction:column}main{flex:1 1}
/*# sourceMappingURL=main.e8256fd5.css.map*/