404.html


  <!DOCTYPE html>
  <html>
  <head>
  <script src = "main.js"></script>
  <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
  <style>
    a {
      text-decoration: none;
      color: black;
      transition: .5s;
    }
    a:hover {
      color: gray;
    }
    .four-04 {
      font-size: 400px;
    }
    .four-text {
      font-size: 50px;
      margin-bottom: 5vh;
    }
  </style>
  </head>
  <body>
    <div style = "width: 100%; text-align: center; margin-top: 0vh;">
      <div class = "four-04">
        404
      </div>
      <div class = "four-text">
        The page you're looking for can't be found.
        <!--Anyways, let's contemplate this message.-->
      </div>
      <a href = "index.html">
      go home
      </a>
  </div>
  </body>
  </html>