<!doctype html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=1000px, user-scalable=no">

        <title>Error 404</title>

        <style>
        html {
            height: 100%;
            padding: none;
            margin: none;
            overflow: hidden;
        }

        body {
            cursor: crosshair;
            background: #093e9e no-repeat center center fixed; /* Old browsers */
            background: -moz-radial-gradient(center, ellipse cover,  #093e9e 26%, #072966 100%); /* FF3.6+ */
            background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(26%,#093e9e), color-stop(100%,#072966)); /* Chrome,Safari4+ */
            background: -webkit-radial-gradient(center, ellipse cover,  #093e9e 26%,#072966 100%); /* Chrome10+,Safari5.1+ */
            background: -o-radial-gradient(center, ellipse cover,  #093e9e 26%,#072966 100%); /* Opera 12+ */
            background: -ms-radial-gradient(center, ellipse cover,  #093e9e 26%,#072966 100%); /* IE10+ */
            background: radial-gradient(ellipse at center,  #093e9e 26%,#072966 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093e9e', endColorstr='#072966',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
            width: 100%;
            height: 100%;
            font-family: Courier, Courier New, sans-serif;
            padding: none;
            margin: none;
        }

        #title {
            background: #d2d2d2;
            padding: 5px;
            color: #093e9e;
            width: 100px;
            margin: -50px auto 20px auto;
            text-align: center;
            font-weight: bold;
        }

        #error {
            color: #d2d2d2;
            width: 750px;
            margin: auto;
        }

        #footer {
            color: #d2d2d2;
            width: 750px;
            margin: auto;
            font-size: 10px;
            opacity: 0.2;
            text-align: right;
        }


        @keyframes "blink" {
         from {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1.0;
         }
         to {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0.0;
         }

        }

        @-moz-keyframes blink {
         from {
           filter: alpha(opacity=100);
           opacity: 1.0;
         }
         to {
           filter: alpha(opacity=0);
           opacity: 0.0;
         }

        }

        @-webkit-keyframes "blink" {
         from {
           filter: alpha(opacity=100);
           opacity: 1.0;
         }
         to {
           filter: alpha(opacity=0);
           opacity: 0.0;
         }

        }

        @-ms-keyframes "blink" {
         from {
           -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
           filter: alpha(opacity=100);
           opacity: 1.0;
         }
         to {
           -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
           filter: alpha(opacity=0);
           opacity: 0.0;
         }

        }

        @-o-keyframes "blink" {
         from {
           filter: alpha(opacity=100);
           opacity: 1.0;
         }
         to {
           filter: alpha(opacity=0);
           opacity: 0.0;
         }

        }

            blink {
            -webkit-animation-name: blink;
            -moz-animation-name: blink;
            -ms-animation-name: blink;
            -o-animation-name: blink;
            animation-name: blink;

            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            -ms-animation-iteration-count: infinite;
            -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;

            -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
            -moz-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
            -ms-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
            -o-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
            animation-timing-function: cubic-bezier(1.0,0,0,1.0);
            -webkit-animation-duration: 1s;
        }

        #parent {
            display: table;
            height: 100%;
            width: 100%;
                        padding: none;
            margin: none;
        }

        #child {
            display: table-cell;
            vertical-align: middle;
            height: 100%;
            width: 100%;
            padding: none;
            margin: none;
        }



        a {
            color: #d2d2d2;
            text-decoration: none;
            font-weight: bold;
            border-bottom: 1px dotted;
            cursor: pointer;
        }
    </style>

</head>
<body>

    <!--
                _.-;;-._
         '-..-'|   ||   |
         '-..-'|_.-;;-._|
         '-..-'|   ||   |
         '-..-'|_.-''-._|
    -->


    <div id="parent">
        <div id="child">
            <div id="title">
                Error 404
            </div>
            <div id="error">
                A critical error from 74.125.76.90 has occurred whilst trying to access http://callumpy.co.uk/feed/ on May-31-2022, 20:42:25 using FeedBurner/1.0 (http://www.FeedBurner.com).

                <br /><br />

                <!-- Menu Links -->
                                *&nbsp;&nbsp;Click <a href="http://callumpy.co.uk/">here</a> to reset to the home page.<br />

                <br /><br />

                <center>Press any link to continue <blink>_</blink></center>
       
                <audio autoplay>
                    <source src="windows_error.mp3">
                    <source src="windows_error.ogg">
                </audio>

            </div>
        </div>
    </div>

</body>
</html>
