<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Nexcess</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<style>
    body {
        display: flex;
        flex-direction: column;
        height: 100vh;
    }

    .bg-fixed {
        background: url('nx-bg.jpg') no-repeat center;
        background-size: cover;
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
        filter: blur(5px);
        top: -10px;
        left: -10px;
        width: 105vw;
        height: 105vh;
        position: fixed;
        z-index: 0;
    }

    .bg-fixed:after {
        content: "";
        background: #0079c4;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: .3;
    }

    #main {
        z-index: 2;
        position: relative;
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #logo {
        width: 200px;

    }
    #logo svg{         
        -webkit-mask-image: linear-gradient( -75deg, #000 30%, rgba(0, 0, 0, 0.7) 50%, #000 70% );
        -webkit-mask-size: 200%;
        animation: shine 3s infinite;
        }

        @-webkit-keyframes shine {
        from {
            -webkit-mask-position: 150%;
        }

        to {
            -webkit-mask-position: -50%;
        }
    }


    #Footer {
        flex-shrink: 0;
        position: relative;
        padding: 10px 2%;
        color: #fff;
        font-weight: 200;
        }
        #Footer a:link{
        color: #fff;
        }
</style>

<body>
    <div class="bg-fixed">
    </div>
    <main id="main">
        <a id="logo" href="http://www.nexcess.net/">
            <svg id="Layer_1" alt="Nexcess"  data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 134.67 104.18"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#44c8f5;}.cls-3{fill:#abe1fa;}</style></defs><title>Nexcess</title><g id="White_Blue_vert" data-name="White/Blue vert"><path class="cls-1" d="M12.84,31.7A15.16,15.16,0,0,1,37.09,19.58c4.75,3.34,23.57,18.36,23.57,18.36V67.51L34.44,46.36V89.43H12.84Z"/><path class="cls-1" d="M112.32,75.81A15.16,15.16,0,0,1,88.07,87.93c-4.75-3.35-23.58-18.37-23.58-18.37V40L90.72,61.15V18.08h21.6Z"/><polygon class="cls-2" points="83.28 55.1 85.65 53.3 85.65 23.74 64.49 39.94 83.28 55.1"/><polygon class="cls-3" points="64.5 39.94 83.28 55.1 64.5 69.51 64.5 39.94"/><polygon class="cls-2" points="39.51 83.57 60.66 67.51 41.78 52.28 39.51 54.01 39.51 83.57"/><polygon class="cls-3" points="41.78 52.28 60.67 37.94 60.67 67.51 41.78 52.28"/></g><path class="cls-1" d="M119.73,19.46v4.28h-1.2V19.46h-1.75V18.41h4.69v1.05Z"/><path class="cls-1" d="M126.7,23.74V20.53l-1.31,2.22h-.65l-1.31-2.23v3.22h-1.15V18.41h1.15l1.64,2.78,1.63-2.78h1.16v5.33Z"/></svg>
        </a>
    </main>
    <footer id="Footer">
       
    </footer>


</body>

</html>