/* Shared error page stylesheet for the static pages in /errors/. */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #F5F5F5;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 24px;
}
.container { max-width: 520px; width: 100%; }
.logo { margin-bottom: 32px; }
.logo img { max-width: 220px; height: auto; }
.logo .logotext { font-size: 26px; font-weight: 700; color: #3399CC; letter-spacing: 0.5px; }
.code { font-size: 72px; font-weight: 900; color: #3399CC; line-height: 1; margin-bottom: 16px; }
h1 { font-size: 22px; font-weight: 700; color: #3399CC; margin-bottom: 12px; }
p { font-size: 15px; line-height: 1.6; color: #555; }
.rule { width: 60px; height: 3px; background: #3399CC; margin: 28px auto; }
a { display: inline-block; margin-top: 8px; padding: 12px 28px; background: #3399CC; color: #fff; text-decoration: none; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; border-radius: 4px; }
a:hover { background: #297d9f; }