html, body {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: sans-serif;
	font-size: 23px;
	max-width: 100vw;
	margin: 11px;
}

h1 {
	font-size: 1.35rem;
}

h2 {
	font-size: 1.25rem;
	margin: 0 0 0.35rem 0;
	padding: 0;
}

.login {
	background: #d7eeff;
}

.login-heading {
}

.actions {
	background-color: #faffc7;
	padding-top: 
}

.actions-heading {
}

.action {
	margin: 0.15rem 0;
	font-size: 0.95rem;
}

form > section {
	margin: 7px auto;
	padding: 1.5rem 1.25rem;
	display: flex;
	flex-direction: column;
	align-items: end;
	row-gap: 0.55rem;

	textarea {
		flex: 1;
	}
}

label {
	font-size: 1rem;
}

form > * {
}

button, input {
	font-size: 0.8rem;
}

.clue-label {
	margin: 0.5rem 0 0.1rem 0;
	line-height: 1.5rem;
	font-size: 0.9rem;
}

.clue {
	display: block;
	width: 90%;
	min-height: 5rem;
	font-size: 1rem;
}