body {
    font-family: Arial, sans-serif;
}

#checklist {
    margin-top: 20px;
}

.checklist-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.checklist-item input[type="checkbox"] {
    margin-right: 10px;
}

.checklist-item button {
    margin-left: 10px;
    background-color: red;
    color: white;
    border: none;
    padding: 5px;
    cursor: pointer;
}

.checklist-item button:hover {
    background-color: darkred;
}

.checkbox-todo {
    opacity: 1;
    transition: opacity 0.5s; /* Default fade-in/out transition */
}

.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}