404.html

---
permalink: /404.html
layout: rubynews
---

<style type="text/css" media="screen">
  .main-header {
    flex-direction: column;
    height: 100vh;
  }

  p {
    color: #fff;
    margin: 30px 0;
    font-size: 1rem;
    line-height: 1;
  }

  a.home-button {
    color: #fff !important;
    background-color: transparent !important;
  }

  a.home-button:hover {
    color: #fff !important;
    background-color: #FF0B54 !important;
  }

  span.blend {
    text-align: center;
  }
</style>

<div class="main-header h-100vh">
  <div class="head">
    <div class="bg-blend">
      <span class="blend" content="Aww 404!"></span>
    </div>
  </div>
    <p><strong>Page not found :(</strong></p>
    <p>The requested page could not be found.</p>

    <a href="/" class="home-button mdl-button mdl-js-button mdl-js-ripple-effect">Back to Home</a>
</div>