/**
 * Todo Object to Div
 */
body{
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
}
#holder{
	position: absolute;
	height: 33.33%;
	width: 60%;
	margin: auto;
	top:0;
	bottom: 0;
	left:0;
	right: 0;
	background-color: rgba(200,200,200,0.3);
	box-shadow: 5px 5px 25px black;
	border-radius: 0.5rem;
}

.todo{
	display: inline-block;
}
.circle{
	display: inline-block;
	height: 1.5rem;
	width: 1.5rem;
	border: 1px solid black;
	border-radius: 50%;
	color: green;
	color: transparent;	
	text-align: center;
}

.checkComplete{
	color: green;
}
.todoComplete{
	opacity: 0.3;
	text-decoration: line-through;
}