body {
	background-color: #31363b ;
	color: #bdc6cf ;
	font-family: tahoma, sans ;
}

#error_box {
	margin: auto ;
	max-width: 60% ;
}

#error_title {
	font-size:   xxx-large ;
	font-weight: bold ;
	margin: auto ;
	max-width: max-content ;
}

#error_status_code {
	font-size:   x-large ;
	font-family: mono ;
	margin-top: 20px ;
}

#error_status_reason_phrase {
	font-size:   x-large ;
	font-family: mono ;
	margin-bottom: 20px ;
}

#error_description {
	font-size:   large ;
}

#titlebar {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	max-height: 150px;
	min-height: 150px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('https://www.usebase.org/usebase_banner.png');
}

#titlebar-alt-text {
	position: absolute;
	display: block;
	background-color: #31363b ;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;
	margin: auto;
	text-align: center;
	align: center;
	font-size: large ;
	transition: 2s;
}

#titlebar:hover #titlebar-alt-text {
	opacity: .7;
	color: #bdc6cf ;
	font-size: x-large ;
}

#content {
	position: fixed ;
	top: 170px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow-y: hidden ;
}

#scrollable-content {
	position: absolute ;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow-y: scroll ;
}

a {
	color: #bdc6cf ;
}

a:visited {
	color: #bdc6cf ;
}