JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
	<div class="wrapper-top">
    	<div>
            <!--...-->
        </div>
        <p class="title center">LoLNode</p>
    </div>

CSS

html, body {height:100%;}
.wrapper-top {
	min-height:100%;
	overflow:auto;
	background: -webkit-linear-gradient(#3498db, #2980b9);
	background: -o-linear-gradient(#3498db, #2980b9);
	background: -moz-linear-gradient(#3498db, #2980b9);
	background: linear-gradient(#3498db, #2980b9);
	/*background-image:url(./assets/bg_1.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:cover;*/
}
	.wrapper-top div:first-child {
		padding:5px;
		background:url(./assets/horizontal_line.png) bottom repeat-x;
		z-index:100;
	}
	 	.wrapper-top div:first-child ul {
			width:50%;
			overflow:auto;
			margin:auto auto;
			list-style-type:none;
		}
			.wrapper-top div:first-child ul li {
				overflow:auto;
				display:inline-block;
				color:#FFF;
				text-shadow:0px 1px 1px #000;
			}
		.wrapper-top p.title {
			font-size:60px;
			font-family:"Alegrey Thin", Helvetica, sans-serif;
			color:#FFF;
			text-shadow:0px 2px 1px #000;
			text-align:center;
			width:220px;
			height:60px;
			position:absolute;
			top:10px;
            left: 50%;
            margin-left: -110px;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
		}
		.wrapper-top p.title.center {
			top: 50%;
            margin-top: -30px;
		}

JavaScript

$(document).ready(function() {
	$("p.title.center").click(function() {
		$("p.title.center").removeClass("center");
	});
});