JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
</head>
<body>
    <div class="background">
    <div class="text">
    <div style="TEXT-ALIGN: center; BACKGROUND-COLOR: transparent; shadow: true"><span style="FONT-FAMILY: Vijaya, Georgia, serif; FONT-SIZE: 80px;">This blog is gettin'<div class="text1">sucks!</div>    
         </span></div></div>
        <p class="text2">© alice3ify 2012 <br/>
    idea © strawberriescore.blogspot
            
        </p>
    </body>
</html>

CSS

div.background
{
background-image: url(http://www.manixmag.com/img/1/black-pattern.jpg);
background-repeat:repeat-x;
}

div.text
{
color: white;    
text-shadow: 0px 1px 0px #e5e5ee;
opacity:1;
filter:alpha(opacity=100)
}

div.text1
{
color:#7FFF00;
text-shadow: 0px 1px 0px #F0FFFF;
opacity:1;
filter:alpha(opacity=100)
}

p.text2
{
color: #F0FFFF;
text-align: center;
opacity:0.6;
}