<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0" />

		<title>500 - Internal Server Error</title>

		<style>
			html {
				box-sizing: border-box;
			}
			*, *::before, *::after {
				box-sizing: inherit;
			}

			body {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				margin: 0;
				color: #000000de;
				font-family: Inter, sans-serif;
			}
		</style>
		<style>
			html {
				text-align: center;
			}

			h1,h2 {
				display: inline-block;
				padding: 0 .2em;
			}
			h1 {
				color: #d50000;
			}
			h2 {
				text-align: left;
				font-weight: 400;
			}

			figure {
				display: block;
				border-top: 5px #dedede solid;
				text-align: left;
			}

			blockquote::after, blockquote::before {
				font-weight: 800;
				color: #dedede;
			}
			blockquote::before {
				content: "«";
			}
			blockquote::after {
				content: "»";
			}

			figcaption {
				text-align: right;
			}
		</style>
		
		<meta name="msapplication-TileColor" content="#ffffff">
		<meta name="theme-color" content="#ffffff">
	</head>
	<body>
		<h1>500</h1>
		<h2>Erreur Serveur Interne</h2>
		<figure>
			<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
				The server encountered an unexpected condition which prevented it from fulfilling the request.
			</blockquote>
			<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
		</figure>
	</body>
</html>