<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>

    <meta name="robots" content="noindex, nofollow"/>
    <meta name="googlebot" content="noindex, nofollow">

    <title>Gamedistribution.com</title>

    <meta name="HandheldFriendly" content="True"/>
    <meta name="MobileOptimized" content="320"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <meta name="msapplication-tap-highlight" content="no"/>

    <link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png?v=5449a1912e"/>
    <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png?v=5449a1912e"/>
    <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png?v=5449a1912e"/>
    <link rel="mask-icon" href="/assets/safari-pinned-tab.svg?v=5449a1912e" color="#44a5ab"/>
    <meta name="msapplication-TileColor" content="#44a5ab"/>
    <meta name="msapplication-TileImage" content="/assets/mstile-144x144.png?v=5449a1912e"/>
    <meta name="theme-color" content="#44a5ab"/>

    <style>
    @keyframes animationStars {
        0% {
            opacity: 0;
            transform: scale(0.7);
        }
        3% {
            opacity: 1;
        }
        50% {
            opacity: 1;
            transform: scale(1);
        }
        53% {
            opacity: 0;
        }
        100% {
            opacity: 0;
            transform: scale(1);
        }
    }
    @keyframes animationStarsAfter {
        0% {
            opacity: 0;
            transform: scale(0.7);
        }
        47% {
            opacity: 0;
        }
        50% {
            opacity: 1;
            transform: scale(0.7);
        }
        77% {
            opacity: 1;
        }
        98% {
            opacity: 1;
        }
        100% {
            opacity: 0.9;
            transform: scale(1);
        }
    }
    html,
    body {
        height: 100%;
        min-height: 100%;
        -webkit-font-smoothing: antialiased;
        -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    }
    body {
        margin: 0;
        padding: 0;
        background: linear-gradient(270deg,#240d47,#5c3997,#240d47);
        background-size: 600%;
        font-size: 18px;
        font-weight: 300;
    }
    body:before {
        content: '';
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        top: 0;
        background: url(/assets/shape-bg.svg) 100% 0 no-repeat;
        background-size: cover;
        opacity: .1;
    }
    .planet {
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        top: 0;
        background: url(/assets/stars-noglow.svg) 0 0 repeat-y,url(/assets/asteroids.svg) 100% 0 no-repeat,linear-gradient(90deg,#09040e,transparent);
        background-size: 50%,40%,100%;
        overflow: hidden;
    }
    .planet:before {
        content: '';
        position: absolute;
        top: -200px;
        left: -10%;
        width: 100%;
        height: 1200px;
        background: url(/assets/stars-noglow.svg) 0 0 repeat-y;
        background-size: 50%;
        will-change: transform,opacity;
        animation: animationStars 30s linear infinite;
        opacity: 0;
    }
    .planet:after {
        content: '';
        position: absolute;
        top: -200px;
        left: -20%;
        width: 100%;
        height: 1200px;
        background: url(/assets/stars-noglow.svg) 0 0 repeat-y;
        background-size: 50%;
        will-change: transform,opacity;
        animation: animationStarsAfter 30s linear infinite;
        opacity: 0;
    }
    .error-template img {
        position: relative;
        display: block;
        margin: auto;
        width: 100%;
        max-width: 744px;
        height: auto;
    }
    </style>
</head>
<body class="error-template">

<div class="planet"></div>

<img src="/assets/404.png" alt="404 not found"/>

</body>
</html>
