JSFiddle - React, Tailwind, and code Playground

HTML

<head>
        <title></title>
        <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
        <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        <script>
            $( document ).ready(function() {
                $("#loader").fadeTo(7000, 0);
            });
        </script>



    </head>
    <body>

        <div id="content">

            <object><embed src="http://www.icipher.net/svg/icipher_index.svg" width="700"></object>

        </div>
        <div id="loader">Loading</div>

    </body>

CSS

body {
    background: #000;
    color: #960808;
    font-weight:bold;
    font-family: sans-serif;
    font-size: 12px;
}

#content {  
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    top: 0;
    margin-top: 0;
    padding-top: 0;
    float: top;
}

#loader {
    position: absolute;
    width: 100px;
    height: 100px;
    top:400px;
    bottom:0;
    left:0;
    right:0;
    line-height: 100px;
    margin: auto;
    box-sizing: border-box;
    text-align: center;
    z-index: 0;
    text-transform: uppercase;
}