<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
  background-color: #F8F8F8;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2em;
  margin: 15px;
}

p {
  color: #333;
}

form {
  margin: 1em;
}

#button {
  width: 6em;
  margin-bottom: 1em;
}

.letterBox {
	width: 1.5em;
	height: 1.5em;
	background-color: gray; 
	color: white;
	font-family: monospace, sans-serif;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
}

.correctTux_ok {
 	width: 1.5em;
	height: 1.5em;
	background-color: lime;
	background-image: url('assets/correct_tux.png');
}

.correctTux_placeholder {
}</pre></body></html>