body {
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
}

.topBar {
		position: sticky;
		top: 0;
		overflow: hidden;
		background-color: #999999;
		color: #FFFFFF;
}

.topBar a {
		float: left;
		align-items: center;
		margin-left: 5px;
}

#utcTime {
		font-size: 40px;
		font-weight: bold;
}

main {
		margin:5px;
}

.loginBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #000000;
	border-radius: 3px;
	width: 25%;
	padding: 5px;
}

.loginBox h3 {
	text-align: center;
}

.loginBox input {
	width: 100%;
	display: block;
}

.error {
	display: block;
	border: 1px solid #a3351d;
	border-radius: 3px;
	padding: 5px;
	background-color: #fcae9d;
	color: #a3351d;
}

input {
	display: inline-block;
	border: 1px solid #000000;
	border-radius: 3px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	color: #000000;
	padding: 12px;
	margin: 6px 0;
}

input:focus {
		background-color: #EEEEEE;
}

input[type=submit] {
	background-color: #999999;
	border: none;
	font-weight: bold;
	border-radius: 3px;
	color: #FFFFFF;
	cursor: pointer;
}

input[type=submit]:hover {
		background-color: #555555;
}