html {
	font-size:20px;
	height:100%;
}
body {
	align-items:center;
	display:flex;
	flex-direction:column;
	min-height:100vh;
	font-family:monospace;
}
.main {
	max-width:800px;
}
.offset {
	margin-top:1rem;
}
form {
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}
form input {
	flex-grow:1;
	padding:1rem;
	font-size:1rem;
	border:1px solid #444;
	background-color:#111;
	min-width:0;
}
form button {
	flex-grow:1;
	padding:1rem;
	font-size:1rem;
	cursor:pointer;
	border:none;
}
h1 {
	text-align:center;
}
* {
	margin:0;
	padding:0;
	background-color:black;
	color:white;
	border:none;
	border-radius:0.3rem;
}
a:link {
	color:lightblue;
}
a:visited {
	color:lightblue;
}
a:hover {
	color:lightblue;
	text-decoration:none;
}
a:active {
	color:lightblue;
}
.user-message {
	border-width:0.1rem;
	border-style:solid;
	padding:1rem;
}
.warning {
	border-color:yellow;
}
.error {
	border-color:#CD1C18;
}
img {
	width:100%;
}
.blue-back {
	background-color:#0066cc;
}
.red-back {
	background-color:#CD1C18;
}