body, html      	{ background: #001110; 
			  margin: 0;
			  height: 100vh;
			  display: flex;
			  justify-content: center;
			  align-items: center; }


ah1			{ background: repeating-linear-gradient(145deg, orange, red, purple, blue, orange); }
ch1			{ background: linear-gradient(145deg, #f12711 0%, #f5af19 100%); }

h1			{ background: repeating-linear-gradient(90deg, green, yellow, red, orange, green);
	  		  background-size: 250% 100%; 
	  		  background-clip: text; 
	  		  color: transparent; 
	  		  /* animation: flow 9s ease alternate-reverse; */
	  		  animation-name: flow;
	  		  animation-duration: 6s;
 	  		  animation-timing-function: linear;
	  		  animation-delay: 0s;
	  		  animation-iteration-count: infinite;
	  		  animation-direction: forward;
	  		  font-family: arial, helvetica, sans-serif; 
	  		  font-size: 10rem; }

@keyframes bflow 	{ to { background-position: 200% 20; rotate: 3 1 1 360deg; } }
@keyframes cflow 	{ to { background-position: 500% center; rotate: 1 1 1 360deg; } }
@keyframes flow 	{ to { background-position: center; rotate: 1 1 1 360deg; } }

.wrap::before 		{ content: attr( data-text );
			  position: absolute; 
			  inset: 0;
			  z-index: -1;
			  filter: blur( 24px ); }  

.gfont 			{ font-family: "Smokum", system-ui;
			  font-weight: 400;
			  font-style: normal; }