404.html

<!DOCTYPE HTML>
<html>
	<head>
		<title>404 Not Found</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

        <link rel="icon" media="(prefers-color-scheme:dark)" href="{{ site.favicon_dark }}" type="image/png" />
        <link rel="icon" media="(prefers-color-scheme:light)" href="{{ site.favicon }}" type="image/png" />
        <script src="./assets/js/favicon-switcher.js" type="application/javascript"></script>

        <link rel="stylesheet" href="./assets/css/style.css">



	</head>
	<body class="is-preload">

		<!-- Header -->
		<header id="header">
		</header>

		<!-- Main -->
			<div class="wrapper">

                    <header>
                    <center>
                    <br>
                    <h1><strong>404 Not Found</strong><br></h1>
                    </center>
                    </header>

					<section>
                        <br>
						<h3>This is not the web page you are looking for.</h3>
                        <br>

						<h3>You'll be redirected to the homepage in 5 seconds.</h3>

						<script language="javascript">
						window.setTimeout("window.location.href='/'", 5000);
						</script>
                      </section>

			</div>

		<!-- Footer -->
		<footer id="footer">
		</footer>

		<!-- Scripts -->
        <script src="javascripts/scale.fix.js"></script>

	</body>
</html>