main.css

@font-face {
	font-family: 'lucon';
	src: url('assets/lucon.ttf') format('ttf'),
		url('assets/lucon.woff2') format('woff2');
}

html {
	font-family: "Lucida Console", "lucon", sans-serif;
}

.container h1 {
	text-align: center;
}

.task-list {
	list-style: none;
	margin: 5% auto;
	max-width: 700px;
}

.task {
	margin: 5px 0;
}

[contenteditable] {
	outline: 0px solid transparent;
	color: grey;
	caret-color: grey;
}

[contentEditable]:empty:before {
	content: attr(placeholder);
	opacity: 0.6;
}

.checkbox {
	margin: 0 1% 0 0;
	cursor: pointer;
}

.edit-button,
.delete-button {
	border-radius: 4px;
	border-width: 0.5px;
	border-style: none;
	padding: 0 3px;
	margin: 0;
	font-weight: bold;
}

.edit-button:hover,
.delete-button:hover {
	opacity: 0.5;
}

.hidden {
	display: none;
}

.delete-task {
	padding: 5px;
	font-size: 10px;
	display: inline;
}

:focus {
	border-style: solid;
	border-color: blue;
}

.checked {
	text-decoration: line-through;
	color: grey;
}