JSFiddle - React, Tailwind, and code Playground

by digthedoug

HTML

<div id="backtexture">
        <div id="redtop"></div>
        <div id="orangetop"></div>
        <div id="yellowtop"></div>
        <div id="wrapper">
            Blah<br>
            Blah<br>
        </div>
</div>

CSS

#redtop {
    background-color: #cb4000;;
    position: absolute;
    width: 100%;
    height: 170px;
    z-index: -4;
}

#orangetop {
    background-color: #FF8C00;
    position: absolute;
    width: 100%;
    height: 150px;
    z-index: -3;
}

#yellowtop {
    background-color: #f7e098;
    position: absolute;
    width: 100%;
    height: 100px;
    z-index: -2;
}

#backtexture {
    width: 100%;
    height: 100%;
    background : url('http://static.tumblr.com/wyzt2fm/Hq8mhgfry/hp_asset_diagonalline.png');
}

#wrapper {
    padding-top: 170px;
}

body {
    background-color: #625c49;
    width: 100%;
    height: 100%;
}
html{
 width: 100%;
    height: 100%;
}
}