JSFiddle - React, Tailwind, and code Playground

HTML

<hgroup>
  <hgroup class="myself">
    <h1>Hi, I’m Matthew.</h1>
    <h2>I design & develop</h2>
    <h3>for <span class="hover-spell">ecneirepxe</span>.</h3>
	 </hgroup>

CSS

html, body{height: 100%; background:#40befb;margin:0; padding:0;}
h1{padding-top: 32px;}
h1,h2,h3{font-family: 'Merriweather', serif; margin: 0; padding-left:32px; font-size: 72px; color: #fff;}

.hover-spell
  {
    cursor: pointer;
    border-bottom: 1px dotted lighten(#40befb, 33%);
  }

JavaScript

$(".hover-spell").on({
  
  mouseenter: function(){

  },
  
  mouseleave: function(){

  }
  
});