.App{display:flex;flex-direction:column;min-height:100vh;background-color:#000;color:#ff0}.App .Header{text-align:center;padding:2vh 0;font-size:44px;background-color:#141218;text-shadow:1px 1px black}.App .Body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.App .Footer{width:100%;text-align:center;padding:16px 0;background-color:#111;color:#f1f1f1;font-size:16px;border-top:1px solid #333;margin-top:auto}.ul-card{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none;justify-content:center}.li-card{background-color:bisque;list-style-type:none;color:#000;margin:.2rem;padding:1rem;max-width:20rem;text-wrap:114;width:20vw;text-align:center;padding:10px;border:1px solid #ccc;border-radius:1rem;display:flex;flex-wrap:wrap;justify-items:center}.formUpdate{position:fixed;min-height:300px;min-width:300px;background-color:#000;border-radius:1rem;padding:2rem}button{background-color:#ffe925;border-radius:1rem;padding:5px 10px;font-weight:100;font-variant:small-caps}select{background-color:#18dfe9;border-radius:1rem;padding:10px 30px}input{padding:5px 10px;background-color:#fff;border-radius:.5rem}.completed{color:#62cdc0;background-color:#b7c3c5;border-radius:1rem}.incomplete{color:#00f}.li-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin:8px 0;font-size:20px;font-weight:700;min-height:20vh;border-radius:8px;background-color:#f8f9fa;box-shadow:0 2px 6px #0000000d;transition:background-color .2s ease}.li-card:hover{background-color:#fffbbb}.n{background-color:#19f811}.v{background-color:#f6c90e}.adj{background-color:#a678f4}.adv{background-color:#38b2ac}.pre{background-color:#19f811}.pro{background-color:#f6c90e}.pre{background-color:#6c757d}.conjunc{background-color:#f4a261}.article{background-color:#f78fb3}.checkbox{width:18px;height:18px;cursor:pointer;accent-color:#0d6efd}.completed{flex:1;text-decoration:line-through;color:#6c757d;font-style:italic}.incomplete{flex:1;color:#212529}.li-card button{padding:6px 10px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s ease,transform .1s ease}.li-card button:hover{transform:scale(1.05)}.li-card button:first-of-type{background-color:#ffc107;color:#212529}.li-card button:last-of-type{background-color:#dc3545;color:#fff}.formUpdate{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.formBox{background-color:#fff;padding:24px 32px;border-radius:12px;box-shadow:0 6px 20px #0003;min-width:320px;max-width:90vw;text-align:center}.formBox label{font-size:18px;font-weight:600;display:block;margin-bottom:12px;color:#333}.formBox input[type=text]{width:100%;padding:10px 14px;border-radius:8px;border:1px solid #ccc;margin-bottom:20px;font-size:16px}.buttonGroup{display:flex;gap:12px;justify-content:center}.buttonGroup button{padding:10px 20px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.buttonGroup button:disabled{background-color:#ccc;cursor:not-allowed}.buttonGroup button:first-of-type{background-color:#0d6efd;color:#fff}.buttonGroup button:first-of-type:hover:not(:disabled){background-color:#0b5ed7}.buttonGroup button:last-of-type{background-color:#dc3545;color:#fff}.buttonGroup button:last-of-type:hover{background-color:#bb2d3b}