/* Cover Page */

.todo-cover-page
{
	box-sizing:border-box;
	height:100%;
	padding:0.5rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	font-size:2rem;
	font-weight:bold;
	color:grey;
}

/* Left Page */

.todo-page
{
	box-sizing:border-box;
	height:100%;
	display:flex;
	padding:0.5rem;
	flex-direction:column;
}

.todo-page .todo-title
{
	border:solid 1px grey;
	padding:0.25rem;
	margin-bottom:2rem;
}

.todo-page .spacer
{
	height:1rem;
}

.todo-page .lines
{
	box-sizing:border-box;
	flex:1;
	display:flex;
	flex-direction:column;
	border-top:solid 1px grey;
}

.todo-page .lines-inner
{
	height:100%;
	max-height:100%;
	display:flex;
	flex-direction:column;
}

.todo-page .line
{
	box-sizing:border-box;
	border-bottom:solid 1px grey;
	flex:1;
	overflow:hidden;
	font-size:0;
}