crazyrohila/dabblet.css

## dabblet.css
/**
 * F A L T U
 */

@keyframes move {
	50% {
		text-shadow:
		0 0 20px #fefcc9,
		10px -10px 30px #feec85,
		-20px -20px 40px #ffae34,
		20px -40px 50px #ec760c,
		-20px -80px 60px #cd4606;
	}
	0%,100% {
		text-shadow:
		0 0 20px #fefcc9,
		10px -10px 30px #feec85,
		-20px -20px 40px #ffae34,
		20px -40px 50px #ec760c,
		-20px -50px 60px #cd4606,
		0 -60px 70px #973716,
		10px -70px 30px #451b0e;
	}
}

body:after{
	content:"Fire";
	font-size:800%;
	position:fixed;
	top:30%;
	left:40%;
	color:white;
	text-shadow:
	0 0 20px #fefcc9,
	10px -10px 30px #feec85,
	-20px -20px 40px #ffae34,
	20px -40px 50px #ec760c,
	-20px -60px 60px #cd4606,
	0 -80px 70px #973716,
	10px -90px 80px #451b0e;
	letter-spacing: 20px;
	box-shadow:0 0 30px 100px #222;
	background:#222;
	z-index:1 !important;
	animation: move 5s 1s linear infinite;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"separate","fontsize":"100","seethrough":"1","prefixfree":"1","page":"all"}
	/**
	* F A L T U
	*/

	@keyframes move {
	50% {
	text-shadow:
	0 0 20px #fefcc9,
	10px -10px 30px #feec85,
	-20px -20px 40px #ffae34,
	20px -40px 50px #ec760c,
	-20px -80px 60px #cd4606;
	}
	0%,100% {
	text-shadow:
	0 0 20px #fefcc9,
	10px -10px 30px #feec85,
	-20px -20px 40px #ffae34,
	20px -40px 50px #ec760c,
	-20px -50px 60px #cd4606,
	0 -60px 70px #973716,
	10px -70px 30px #451b0e;
	}
	}

	body:after{
	content:"Fire";
	font-size:800%;
	position:fixed;
	top:30%;
	left:40%;
	color:white;
	text-shadow:
	0 0 20px #fefcc9,
	10px -10px 30px #feec85,
	-20px -20px 40px #ffae34,
	20px -40px 50px #ec760c,
	-20px -60px 60px #cd4606,
	0 -80px 70px #973716,
	10px -90px 80px #451b0e;
	letter-spacing: 20px;
	box-shadow:0 0 30px 100px #222;
	background:#222;
	z-index:1 !important;
	animation: move 5s 1s linear infinite;
	}