:root {
	--secondary: #008080;
}

h1 {
	font-family: 'Times New Roman', Times, serif;
}

.task {
	width: 100px;
}

.task input[type="checkbox"]:checked + span {
    text-decoration: line-through;
	color: #6c757d;
}

.toggle {
	color: var(--secondary);
}

.task-item {
	color: var(--secondary);
}

.icon {
	cursor: pointer;
}

.spacer {
	display:block;
	content: "";
	margin-top: 20px;
}