JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fonts.googleapis.com/css?family=Sigmar+One"></script>
  <body>
    <div>
    <h1><a href=#>H</a>
    	E
        L
    	L
    	O
    </h1>
    </div>
  </body>

CSS

body {
	        font-family: 'Sigmar One', cursive;
	        font-size: 100px;
	        color: white;
	        text-shadow: 4px 4px 4px #000;
	        
	        background-color:blue;
		    
		    width: 100%;
		    height: 100%;
		    margin: 0;
	    }
		

		div {
		    position:absolute; 
		    height:100%; 
		    width:100%;
		    display: table;
		}
		
		h1 {
		    display: table-cell;
		    vertical-align: middle;
		    text-align:center;
		}
		
		a:visited, a:active {
			text-decoration: none;
			color: white;
		}
		
		a:link {
			text-decoration: none;
            color: white;
		    text-shadow: 0px 2px 3px rgba(255,255,255,.25);
		    -webkit-background-clip: text;
		       -moz-background-clip: text;
		            background-clip: text;
		}
		
		a:hover {
			text-shadow: 4px 4px 4px #000;
			color: white;
		}