*{box-sizing:border-box;margin:0;padding:0}body{color:#3b2a20;background:#cfe3b8;min-height:100vh;padding:40px 20px;font-family:Courier New,monospace}h1{text-align:center;text-transform:uppercase;letter-spacing:2px;background:#e7b58c;border:3px solid #6b4a3a;max-width:420px;margin:0 auto 18px;padding:12px;box-shadow:4px 4px #6b4a3a}.login{flex-direction:column;align-items:center;display:flex}a{text-align:center;text-transform:uppercase;letter-spacing:2px;background:#e7b58c;border:3px solid #6b4a3a;max-width:420px;margin:0 auto 18px;padding:8px;font-size:.7rem;text-decoration:none;box-shadow:4px 4px #6b4a3a}.control-board,.tasks-container{max-width:420px;margin:0 auto}.control-board{background:#fff8df;border:3px solid #6b4a3a;flex-direction:column;gap:10px;padding:18px;display:flex;box-shadow:4px 4px #6b4a3a}input,button{font:inherit;color:#3b2a20;background:#fffdf0;border:2px solid #6b4a3a;padding:10px}button{cursor:pointer;text-transform:uppercase;background:#e7b58c;font-weight:700}button:hover{box-shadow:none;transform:translate(2px,2px)}.clearButton{background:#f2d0c4}.tasks-container{background-color:#fffdf0;background-image:linear-gradient(#e7ead3 1px,#0000 2px),linear-gradient(90deg,#e7ead3 1px,#0000 2px);background-size:12px 12px;border:3px solid #6b4a3a;margin-top:22px;padding:18px;list-style:none;box-shadow:4px 4px #6b4a3a}.tasks-container li{background:#fffdf0;border:2px solid #6b4a3a;align-items:center;gap:10px;margin-bottom:10px;padding:8px 10px;display:flex;box-shadow:3px 3px #6b4a3a}.deleteButton{background:#f2d0c4;margin-left:auto}.checkButton{background:0 0;border:2px solid #6b4a3a;flex-shrink:0;width:20px;height:20px;padding:0}