button {
	background-color: #cdf3ff;
	border-radius: 10px;
}

label:has(input[type="checkbox"]:checked).flashCardMode {
	color: black;
}

label.flashCardMode {
	color: white;
}

label {
	color: black;
}

label input {
  display: none; /* Hide the default checkbox, but check/uncheck still works when clicking the label */
}

#flashCardMode {
	color: black;
}

#buttonDiv {
	display: none;
	justify-content: space-between	;
	width: 300px;
	margin-bottom: 35px;
	/* visibility: hidden; */
}

#contentDiv {
	margin-left: auto;
	margin-right: auto;
	width: fit-content;;
}

#flashCardMode > input {
	display: inline;
}

#flashCardSpan {
	visibility: hidden;
}

#instructionsDiv {
	height: 140px;
}