404.html

---
layout: default
title: "404: Page Not Found"
---

<style type="text/css" media="screen">

  h1 {
    margin: 30px 0;
    font-size: 4em;
    line-height: 1;
    letter-spacing: -1px;
  }

  .fourohfour-background {
  background: url('https://7facets.fra1.cdn.digitaloceanspaces.com/5.jpg') no-repeat center;
  background-image: cover;
  position: relative;
  height: auto;
  width: 100%;
}

  div.w-100.text-white {
    margin: 0 auto;
    height: 1000px;
    bottom: 45%;
  }

</style>


  <div class="container-fluid fourohfour-background">
    <div class="d-flex text-center align-items-center">
      <div class="w-100 text-white">
        <h1 class="display-1">404</h1>
        <h3 class="mb-0">Oops, sometimes urls change.</h3>
        <h3 class="mb-0">Sorry for the inconvenience.</h3>
        <h3 class="mb-0">But isn't this picture beautiful?</h3>
      </div>
    </div>
  </div>