2 changed files with 41 additions and 50 deletions
--- a/src/error/root.css
+++ b/src/error/root.css
@ -1,55 +1,51 @@
-@import url('https://rsms.me/inter/inter.css');
-
-:root {
-	/* Warm Gray */
-	--gray-100: #171414;
-	--gray-30: #cac5c4;
-	--gray-10: #f7f3f2;
-	--red-40: #ff8389;
+html {
+	box-sizing: border-box;
+	text-align: center;
+}
+*, *::before, *::after {
+	box-sizing: inherit;
 }

 body {
-	background: var(--gray-100);
-	color: var(--gray-10);
-	font-family: Inter var, Inter, sans-serif;
-	font-size: 1rem;
-	line-height: 1.375rem;
-	font-weight: 400;
-	margin: 24px;
-	font-feature-settings: 'ss01', 'ss03';
-	max-width: 1024px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	margin: 0;
+	color: #000000de;
+	font-family: Inter, sans-serif;
 }

-h1,h2,h3,h4,h5,h6 {
-	margin: 0;
-	color: var(--red-40);
-	margin: 24px;
-	font-feature-settings: 'ss01', 'ss02', 'ss03', 'cv11';
+h1,h2 {
+	display: inline-block;
+	padding: 0 .2em;
 }
 h1 {
-	font-size: 3.375rem;
-	line-height: 4rem;
-	font-weight: 300;
+	color: #d50000;
 }
 h2 {
-	font-size: 2.625rem;
-	line-height: 3.125rem;
-	font-weight: 300;
+	text-align: left;
+	font-weight: 400;
 }

-blockquote {
-	text-align: justify;
-	font-size: 1rem;
-	line-height: 1.5rem;
-	position: relative;
-	border-left: 5px solid var(--gray-30);
-	padding-left: 12px;
-	margin-left: 24px;
-	margin-right: 0;
+figure {
+	display: block;
+	border-top: 5px #dedede solid;
+	text-align: left;
 }
-cite {
-	font-style: inherit;
-	font-size: .875rem;
-	line-height: 1.125rem;
-	letter-spacing: .16px;
+
+blockquote::after, blockquote::before {
+	font-weight: 800;
+	color: #dedede;
+}
+blockquote::before {
+	content: "«";
+}
+blockquote::after {
+	content: "»";
+}
+
+figcaption {
+	text-align: right;
 }
--- a/src/error/root.html
+++ b/src/error/root.html
@ -3,20 +3,15 @@
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
-		<meta name="author" content="edpibu" />
-		<meta name="theme-color" content="#ff8389" />
-		<meta name="color-scheme" content="dark" />
-
-		<link rel="icon" type="image/svg+xml"
-			href="https://edgarpierre.fr/static/svg/logo.svg" />
-		<link rel="mask-icon"
-			href="https://edgarpierre.fr/static/svg/logo.svg" />

 		<title>{code} - {title}</title>

 		<style>
 			{style}
 		</style>
+		
+		<meta name="msapplication-TileColor" content="#ffffff">
+		<meta name="theme-color" content="#ffffff">
 	</head>
 	<body>
 		<h1>{code}</h1>