style.css

html {
	background: url(images/bgimg.jpg) no-repeat center center
		fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
}

h2,
p {
	color: #202012;
}

.container {
	padding-left: 40px;
}
.ulcontainer {
	margin: auto;
	width: 30%;
}
ul {
	text-align: right;
	list-style-position: inside;
}
li {
	color: #434324;
	text-align: left;
}

button {
	background: #7eddd9;
	color: #4d4d06;
	padding: 5px 10px;
	border-radius: 5px;
}

input {
	border-radius: 5px;
	margin-right: 20px;
	padding: 5px;
	text-align: center;
}
input:focus {
	outline: 2px solid #7eddd9;
}
.title {
	font-size: 2rem;
}

.testingIt {
	text-decoration-line: line-through;
}
.deleteButton {
	float: right;
	margin-right: 10px;
	display: block;
}
.done {
	text-decoration: line-through #ff3c3c 2px;
}