The Eccentri(; logo redesign

dabblet.css

/**
 * The Eccentri(; logo redesign
 */

#logo {
	text-align: center;
	/*display: block;*/
	font-family: 'Baskerville', serif;
	font-weight: 200;
	font-size: 72pt;	
	border-radius: 5px;
	border: 1px solid rgba(0,100,250,0.7);
	padding: 3px;
	/*background: rgba(0,100,250,1);*/
}

#smiley {
	font-weight: bold;
	-webkit-animation: rainbow 10s infinite alternate;

}

@-webkit-keyframes rainbow {
	0% {
		color: red;	text-shadow: 0px 0px 10px red;
	}
	25% {
		color: chartreuse; text-shadow: 0px 0px 10px chartreuse;
	}
	50% {
		color: blue;	text-shadow: 0px 0px 10px blue;
	}
	75% {
		color: papyawhip; text-shadow: 0px 0px 10px papyawhip;
	}
	100% {
		color: orange;	text-shadow: 0px 0px 10px orange;
	}
}

dabblet.html

<span id="logo">The Eccentri<span id="smiley">(;</span></span>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}