404.html

<!doctype html>
<html>
<head>
  <link rel="icon" type="image/x-icon" href="./img/favicon.ico" />
  <title>404</title>
  <style>
    @import url("https://fonts.googleapis.com/css?family=Lexend:400,700");
    @import url("https://fonts.googleapis.com/css?family=Staatliches:400,700");
    body {
      background-color: #131723;
      color: white;
      margin: 0;
    }
    .text {
      margin: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
    }
    img {
      width: 50%;
      height: 10%;
    }
    a {
      color: orange;
    }
  </style>
</head>
<body>
  <div class="text">
    <h1 style="font-family: Staatliches;">404 Error</h1>
    <img src="./img/big-ravager-face.png">
    <p style="font-family: Lexend;">That requested URL or file was not found. <a href="../index.html">Return home?</a></p>
  </div>
</body>
</html>