body{background-color:#181720;color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.container{margin-inline:auto;width:min(100% - 30px,1200px)}main{color:#fff}section{background:#1f1f2e;border-radius:12px;box-shadow:0 4px 12px #0009;margin:2rem auto;max-width:480px;padding:1.5rem;text-align:center}h1{color:#eaeaea;font-size:2.5rem;font-weight:900;letter-spacing:2px;margin-bottom:1.2rem;text-shadow:0 0 8px #7cfc00;text-transform:uppercase}form{display:flex;gap:1rem;justify-content:center}input[type=text]{background-color:#2e2e4f;border:none;border-radius:8px;color:#fafafa;flex:1 1;font-size:15px;font-weight:700;padding:15px;transition:background-color .3s ease,box-shadow .3s ease}input[type=text]:focus{background-color:#3f3f6b;box-shadow:inset 0 0 6px #7cfc00;outline:none}input[type=submit]{background:#63c900;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:17px;font-weight:900;padding:0 2rem;transition:background .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none;width:100px}input[type=submit]:hover{background:#7cfc00}input[type=submit]:active{transform:scale(.97)}.task-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;margin-top:2rem;max-width:2000px}.task{background:#2e2e4f;border-radius:10px;box-shadow:0 0 8px #7cfc00;color:#fafafa;display:flex;flex-direction:column;font-weight:700;height:100px;justify-content:space-between;padding:1rem}.task.completed{box-shadow:0 0 8px 0 #ff3c78aa;opacity:.5}.task-footer{align-items:center;display:flex;font-size:15px;justify-content:space-between;margin-top:.5rem}.task-footer button{background:none;border:none;cursor:pointer;font-size:20px;margin-left:.5rem;transition:transform .2s ease}.task-footer button:hover{transform:scale(1.2)}
/*# sourceMappingURL=main.15a139f3.css.map*/