JSFiddle - React, Tailwind, and code Playground

by Alex Incarnati

HTML

<header>

    <div id="banner">
        <div class="img-wrapper">
            <img class="one" src="http://s8.postimg.org/y84vhculx/darkframe.png" />
            <img class="two" src="http://s22.postimg.org/ktte4x001/darkframe2.png" />

    </div>

    </div>

</header>

CSS

* {
    margin: 0;
    padding: 0;
}
html {
    overflow-y: scroll;
}
body {
    background-image: url("/img/poe-wallpaper-5.jpg");
    font-size: 13px;
    color: #938063;
    font-family: Fontin-Bold;
    background-repeat: no-repeat;
    /*background-position: right top;*/
    background-attachment: scroll;
    background-position: center top;
    background-color: black;
}
ol, ul {
    list-style: none;
    margin: 0;
}
ul li {
    margin: 0;
    padding: 0;
}
h1 {
    margin-bottom: 10px;
    color: #111111;
}
a, img {
    outline: none;
    border: none;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}
p {
    margin: 0 0 10px;
    line-height: 1.4em;
    font-size: 1.2em;
}
img {
    display: block;
}
aside {
    font-style: italic;
    font-size: 0.9em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, {
display: block;
}

/* Structure */
#wrapper {
    width: 96%;
    max-width: 920px;
    margin: auto;
    padding: 5%;
}

#main {
    padding-top: 10px;
    width: 100%;
    margin-right: 5%;
    float: left;
}

aside {
    width: 35%;
    float: right;
}

/* Logo H1
 header h1 {
 height: 70px;
 width: 160px;
 float: left;
 display: block;
 background: url(../images/demo.gif) 0 0 no-repeat;
 text-indent: -9999px;
 }*/

#skipTo {
    display: none;
}
#skipTo li {
    background: #b1fffc;
}

/* Banner */
#banner {
    float: none;
    margin:0 auto;
    width: 90%;
    border: 1px solid #938063;
    background-color: #1a1b18;
    position: relative;
    padding-top: 25px;
    padding-bottom: 85px;
    border-radius: 10px;
    margin-top:90px;
}   

#banner h1 {
    font-family: 'fontinbold';
    font-weight: bold;
    text-align: center;
    font-size: 350%;
    color: #938063;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 30px;
}
#banner h2 {
    font-family: 'fontinbold';
    font-weight: bold;
    text-align: center;
    font-size: 350%;
    color: #938063;
    margin-left:...