body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#181818;color:#ddd;margin:0;display:flex;justify-content:center;align-items:center;max-height:100vh;font-size:15px;line-height:1}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 10px 10px;border:1px solid red;margin-top:10px}main{background:#212121;padding:0 0 10px;border-radius:12px;box-shadow:0 4px 15px #0009;text-align:center;transition:transform .3s ease;margin-left:0px auto;min-width:350px;height:290px}hr{border:0;border-top:2px solid #333;margin:20px 0}h1{color:#81c784;font-size:1.7em;margin-bottom:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}h2{font-size:1.4em;color:#ccc;font-weight:400;text-transform:capitalize;margin-bottom:10px}ul{list-style:none;padding-bottom:0;margin:0;padding-inline-start:15px}li{padding:4px 3px 3px 8px;margin:15px -5px;border-radius:8px;display:flex;flex-direction:row;align-items:center;background:#333;gap:10px;box-shadow:0 2px 6px #ffffff1a;transition:background .3s ease;cursor:default;max-width:95%}.liCheckAll{background:#212121;border:none;box-shadow:none;padding:0}input[type=checkbox]{margin-right:5px;transform:scale(1.2);cursor:pointer}.inputCheckAll{margin-right:-10px;margin-left:-10px}input[type=text]{transform:scale(1);font-size:1em;max-width:210px}.labelCheckAll{text-align:right;margin-right:10px}label{flex-grow:1;cursor:pointer}label.completed{text-decoration:line-through;color:#888}button{background:none;border:none;padding:6px 8px;cursor:pointer;border-radius:6px;font-size:.8em;transition:background .3s ease,transform .2s}img{width:24px;height:auto;margin-bottom:-4px;margin-right:-5px}.activeLanguage{background:none;padding-left:auto;margin-right:-5px;transform:scale(1.2)}.nonActiveLanguage{background:none;margin-right:0;transform:scale(.8)}.active-button{padding:10px}.buttonCreate,.buttonCancel{margin-left:5px;background:#e57373}.buttonCreate:hover,.buttonCancel:hover{background:#9e4242}.buttonEdit{background:#ffb74d}.buttonEdit:hover{background:#b56a10}.buttonDelete{background:#42a5f5}.buttonDelete:hover{background:#1e88e5}.buttonSave{margin-left:-5px;background:#66bb6a}.buttonSave:hover{background:#388e3c}button:active{transform:scale(.98)}.active-button{color:#fff;font-weight:700;transform:scale(1.2);text-shadow:0 0 5px rgba(0,0,0,1)}button:not(:last-child){margin-right:0}.no-tasks{text-align:center;font-size:1.2rem;color:#e57373;font-weight:600;margin-bottom:-10px}.tasksLeft{margin-top:10px;margin-bottom:-15px}.footer-buttons{display:flex;flex-direction:row;justify-content:center;text-align:center;margin-top:20px;padding:6px 10px}.footer-buttons button{padding:8px 10px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;margin:6px;cursor:pointer}.footer-buttons button:hover{background-color:#2a7c2d}@media (max-width: 680px){h1{font-size:1.5em}h2{font-size:1.1em}button{background:none;font-size:.8em;padding:6px 8px}}