#container {
	text-align: center;
	width: 100%;
	display: flex;
	height: 100vh;
}

#addVerb {
	flex: 1;
	margin-top: 60px;
}

.difficultyStar {
	width: 18px;
	margin: 0 1px -2px 1px;
}

#verbsList {
	flex: 1;
	background-color: var(--light-blue);
	color: white;
	height: 100vh;
	overflow-y: scroll;
	padding-top: 60px;
}

#verbsList h2 {
	color: white;
}

.hide {
	display: none;
}

p {
	margin: 5px 0;
}

.active {
	color: blue;
}

.optionChoice.active {
	color: white;
	background-color: var(--light-blue);
	font-weight: 600;
}

#divider {
	width: 50%;
	height: 2px;
	background-color: #bdbdbd;
	margin: 60px auto 0 auto;
}

.optionChoice {
	display: inline-block;
	margin: 5px;
	background: #bdbdbd;
	padding: 10px;
	width: 200px;
	cursor: pointer;
	border-radius: 20px;
	color: white;
}

.entry {
	display: flex;
	padding: 5px 20px;
	cursor: pointer;
	line-height: 30px;
}

.entryContent {
	flex: 1;
}

.entryContent:hover {
	font-size: 24px;
}

.optionChoice.doubleSize {
	width: 400px;
}

input[type="checkbox"] {
	pointer-events: none;
}

.buttonDelete {
	float: right;
}