@import url('https://fonts.googleapis.com/css?family=Quicksand');

body
{
	margin: 0;
	padding: 0;
	background: url(bg.jpg);
	background-size: cover;
    font-family: 'Quicksand', sans-serif;
}

.cartel
{
	padding: 40px;
}

.neon
{
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin: 0;
	padding: 0 20px;
	font-size: 6em;
	color: #fff;
	text-shadow: 0 0 20px #ff005b;
	#transform: rotate(-7deg);
}

.neon:after
{
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 20px;
	z-index: -1;
	color: #ff005b;
	filter: blur(15px);
}
.neon:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fe3a80;
	z-index: -2;
	opacity: .5;
	filter: blur(40px);
}

#texto
{
	position: relative;
	z-index: 100;
	padding: 20px;
	background: #000000c0;
	color: #32cd32;
}
#texto h2
{
	color: #ffff00;
	padding-top: 40px;
}

#fondo
{
	background-position: center top;
	padding: 70px 90px 120px 90px;
}

#contenedor
{
	position: absolute;
	top: 150px;
	left: 400px;
	right: 400px;
}