{"size": 612, "ext": "js", "max_stars_repo_path": "src/pages/404.js", "max_stars_repo_name": "HarryFray/Portfolio", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/404.js", "max_issues_repo_name": "HarryFray/Portfolio", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/404.js", "max_forks_repo_name": "HarryFray/Portfolio", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 21.8571428571, "max_line_length": 59, "alphanum_fraction": 0.5637254902}
import React from "react"
import Layout from "../components/layout"
import SEO from "../components/seo"
import { css } from "@emotion/core"

const NotFoundPage = () => (
  <Layout>
    <SEO title="404: Not found" />
    <div
      css={css`
        width: 100vw;
        padding-top: 125px;
        text-align: center;
        height: 100vh;
        background-color: #45a29e;
        position: absolute;
        z-index: 25;
      `}
    >
      <h1>NOT FOUND</h1>
      <p>You just hit a route that doesn&#39;t exist...</p>
      <p> yet! The sadness.</p>
    </div>
  </Layout>
)

export default NotFoundPage
