/**
 *
 */

html {
	background-color: #fafafa;
}

@font-face {
	font-family: 'Quicksand-Regular';
	src: url('/fonts/Quicksand-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'Quicksand-Regular', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-family: 'Arial', serif;
}

h1 {
	font-size: 1.4rem;
}

.Error {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 30rem;
	transform: translate(-50%, -50%);
	padding: 1rem;
	background-color: white;
	box-shadow: 0 2px 5px #cfcfcf;
	border-radius: 0.5rem;
}

.Error-content {
	padding: 0 2rem;
}

.Error-logo {
	width: 90%;
	margin: 1rem auto 1rem;
}

.Error-logo img {
	max-width: 100%;
}