<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title> - RobGreen.me</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/css/site.css" />

    

    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
</head>
<body>


<style>
    .pfblock-image {
        padding: 0;
    }

        .pfblock-image,
        .pfblock-image h1,
        .pfblock-image h2,
        .pfblock-image h3,
        .pfblock-image h4,
        .pfblock-image h5,
        .pfblock-image h6 {
            color: #fff;
        }

    /* ---------------------------------------------- /*
     * Error
    /* ---------------------------------------------- */

    #error-page {
        background: url(/images/PC_Load_Letter.jpg);
        background-color: #222;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 0;
    }

    .error-page-overlay {
        background-color: rgba(44, 62, 80, 0.5);
        background-image: url("/images/pattern.png");
        background-repeat: repeat;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0;
    }

    #error-page .intro {
        top: 50%;
    }

    #error-page h1 {
        font-size: 80pt;
    }

    #error-page p {
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        margin: 10px 0 10px 0;
    }

    .intro {
        position: absolute;
        width: 100%;
        top: 35%;
        left: 0;
        text-align: center;
        -webkit-transform: translate(0%, -35%);
        -moz-transform: translate(0%, -35%);
        -ms-transform: translate(0%, -35%);
        -o-transform: translate(0%, -35%);
        transform: translate(0%, -35%);
        padding: 0 15px;
    }

    .intro h1       {font-size:46px;font-weight:700;}
    .intro h1 span  {font-weight:400;}
    .intro h2       {font-size:18px;font-weight:500;text-transform:uppercase;margin:10px 0 10px 0;}
    .intro h3       {font-weight:200;}
</style>
<section id="error-page" class="pfblock-image screen-height">
    <div class="error-page-overlay"></div>
    <div class="intro">
            <h1>404</h1>
            <p>stop trying to break my website</p>
            <p>If you're bored, there are <a href="https://www.google.com/logos/2010/pacman10-i.html" style="color: lime; text-decoration: underline;">better ways of spending your time</a></p>
    </div>
</section>



<footer class="border-top footer text-muted">
    <div class="container text-center">
        &copy; 2023 &nbsp; <strong>rob</strong>green
    </div>
</footer>
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.bundle.min.js"></script>
<script src="/js/site.min.js?v=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU"></script>


    <script type="text/javascript">
        $(document).ready(function () {
            $(".screen-height").height($(window).height());

            $(window).resize(function () {
                $(".screen-height").height($(window).height());
            });
        });
    </script>


</body>
</html>
