:root,[data-bs-theme=light] {
	--bs-body-bg: #e0e0e0;
}

:root,[data-bs-theme=dark] {
	/* background-color: var(--bs-body-bg); */
}

html, body {
	/* background: #e0e0e0; */
	height: 100%;
	margin: 0;
}
.pomo-main-wrap {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}
.status-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 8vh;
	background-color: #007bff;
	color: white;
	text-align: center;
	line-height: 8vh;
	font-size: 4rem;
}
.status-bar .item {
	flex: 1 0 auto;
}
.main-content {
	flex: 1;
	display: flex;
}
/* .col {
	display: flex;
	flex-direction: column;
} */
#c0-r0 {
	flex: 1 1 50%;
}
#c0-r1 {
	flex: 1 1 50%;
}

#c1-r0 {
	flex: 1 0 auto;
}
#c1-r1 {
	flex: 0 1 auto;
}


/* Make a Flex */
.todo-item {
	font-size: 130%;
}
/* Item Text */
.todo-item-text {
	font-size: 130%;
}
/* Button to Remove */
.todo-item-kill {

}