JSFiddle - React, Tailwind, and code Playground

by aasthatuteja

HTML

<div class="wrapper">
    <img title="Rübenparty Logo" alt="Rübenparty Logo" src="http://rubenparty.tipido.net/private/preview/images/logo.png" style="width: 35%;">
    <div class="hr"></div>
    	<h1>1st Rübenparty 2014</h1>

    <div class="hr"></div>
    <p class="credit">&copy;2013 André Reinhardt</p>
    <br>
</div>

CSS

body
{ 
    background: #232323 url(http://rubenparty.tipido.net/private/preview/images/bg.png) repeat;
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

header, nav, article, section, aside, footer, address
{  
    display: block;  
}

.wrapper
{
    width: 70%;
    height: 1000px;
    /*background: url(http://rubenparty.tipido.net/private/preview/images/bg-light.png) no-repeat;*/
    padding-top: 20px;
    margin: 0 auto;
}



a{ color: #77dff1; text-decoration: none;}

@font-face {
font-family: 'LeagueGothicRegular';
src: url('fonts/League_Gothic-webfont.eot');
src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/League_Gothic-webfont.woff') format('woff'),
url('fonts/League_Gothic-webfont.ttf') format('truetype'),
url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight: normal;
font-style: normal;
}

h1 {
text-transform: uppercase;
color: #77dff1;
font-family: LeagueGothicRegular;
font-size: 80px;
font-weight: lighter;
text-shadow: 0px 2px 0px #000;
margin: 30px 0 0 0;
}

h2 {
text-transform: uppercase;
color: #77dff1;
font-family: LeagueGothicRegular;
font-size: 24px;
font-weight: lighter;
text-shadow: 0px 2px 0px #000;
margin: 15px 0 15px 20px;
text-align: left;
}

p {
color: #fff;
margin: 0;
font-size: 16px;
text-shadow: 0 -2px 0 #000;
}

p.credit {font-size: 12px; margin-top: 40px; color: #ccc;}

.hr {
display: block;
border: none;
width: 960px;
height: 2px;
background: url(http://rubenparty.tipido.net/private/preview/images/divider.png);
margin: 10px 0;
}

.clear {
clear: both;
}