First dabblet

dabblet.css

/** First dabblet
 * The first commented line is your dabblet’s title
 */
body {
	color: rgb(20, 20, 20);
    background-color: rgb(244, 252, 5);	
    background-color: black;
	background: black linear-gradient(90deg, rgb(180, 120, 220) 2%, rgba(255, 255, 255, 0.99) 44%, rgb(255,255, 100) 98%);
}


.JdH, .JdH a{
	color: ivory;
	
	margin: auto;
	text-align: center;
	font-weight: 600;
	text-decoration: none;
	border:none;

	text-align: center;
	font-size: 3em;
	font-family: sans-serif;
	color: white;
	letter-spacing: -7px;
	line-height: auto;
	text-shadow:
				/*down-drop*/
					-0px 2px 1px rgba(81, 84, 0, 1),
				/*light gray outline*/
					-1px -1px 3px rgba(80, 80, 80, 0.80),
				 /*purple and puke*/
				 	-1px -1px 7px rgb(180, 120, 220),
					1px 1px 10px rgb(255,255, 100),
					-2px -2px 7px rgb(180, 120, 220),
					2px 2px 10px rgb(255,255, 100),
					-3px -3px 7px rgb(180, 120, 220),
					3px 3px 10px rgb(255,255, 100),
					-4px -4px 7px rgb(180, 120, 220),
					4px 4px 10px rgb(255,255, 100),
					
					5px 5px 2px rgba(80, 80, 80, 0.80);
	 

	 transition:  2s 0.0s ease; 

}


.JdH a:hover {
	border-bottom: 1px solid black;
	text-shadow:
				/*down-drop*/
					-0px 2px 1px rgba(81, 84, 0, 1),
				/*light gray outline*/
					-1px -1px 3px rgba(80, 80, 80, 0.80),
				 /*purple and puke*/
				 	-1px -1px 7px rgb(255,255, 100),
					1px 1px 10px rgb(180, 120, 220),
					-2px -2px 7px rgb(255,255, 100),
					2px 2px 10px rgb(180, 120, 220),
					-3px -3px 7px rgb(255,255, 100),
					3px 3px 10px rgb(180, 120, 220),
					-4px -4px 7px rgb(255,255, 100),
					4px 4px 10px rgb(180, 120, 220);
	 transition:  2s 0.0s ease; 
}

dabblet.html

<span class="JdH">JdH</span>

dabblet.js

// alert('Hello world!');

settings.json

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