/*
* Styles for error pages
*/

html, body {
margin: 0;
padding: 0;
font-family: sans-serif, -apple-system, "Roboto";
background: var(--main-bg-color);
color: var(--main-color);
height: 100%;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}

html {
overflow-y: scroll;
}

.system-error {
max-width: 720px;
margin: 0 auto;
padding: 0 1em;
text-align: center;
color: var(--attention-color);
}

.error-title {
margin: 1em auto 1em auto;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.error-description {
margin: 0 auto 2em auto;
}

.common-description {
margin: 1em auto;
text-align: left;
text-indent: 1em;
}

.stack-trace {
margin: 3em auto;
padding: 0 0.8em;
max-width: 720px;
text-align: left;
}

pre {
overflow: auto;
}