JSFiddle - React, Tailwind, and code Playground

HTML

<!-- visit: http://www.dumetschool.com -->
<ul>  
  <li>  
    <a href="#">  
    </a>  
  </li>  
  <li>  
    <a href="#"> 
    </a>  
  </li>   
  <li>  
    <a href="#">
    </a>  
  </li> 
</ul>

CSS

/* visit: http://www.dumetschool.com */
*{  
  margin:0;  
  padding:0;  
}  
body{  
  font-family:arial,sans-serif;  
  font-size:100%;  
  margin:3em;  
  background:#666;  
  color:#fff;  
}  
h2,p{  
  font-size:100%;  
  font-weight:normal;  
}  
ul,li{  
  list-style:none;  
}  
ul{  
  overflow:hidden;  
  padding:3em;  
}  
ul li a{  
  text-decoration:none;  
  color:#000;  
  background:#ffc;  
  display:block;  
  height:10em;  
  width:10em;  
  padding:1em;  
}  
ul li{  
  margin:1em;  
  float:left;  
}
ul li a{  
  text-decoration:none;  
  color:#000;  
  background:#ffc;  
  display:block;  
  height:10em;  
  width:10em;  
  padding:1em;  
  /* Firefox */  
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);  
  /* Safari+Chrome */  
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);  
  /* Opera */  
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);  
}
ul li a{  
  -webkit-transform:rotate(-6deg);  
  -o-transform:rotate(-6deg);  
  -moz-transform:rotate(-6deg);  
} 
ul li:nth-child(even) a{  
  -o-transform:rotate(4deg);  
  -webkit-transform:rotate(4deg);  
  -moz-transform:rotate(4deg);  
  position:relative;  
  top:5px;  
}  
ul li:nth-child(3n) a{  
  -o-transform:rotate(-3deg);  
  -webkit-transform:rotate(-3deg);  
  -moz-transform:rotate(-3deg);  
  position:relative;  
  top:-5px;  
}  
ul li:nth-child(5n) a{  
  -o-transform:rotate(5deg);  
  -webkit-transform:rotate(5deg);  
  -moz-transform:rotate(5deg);  
  position:relative;  
  top:-10px;  
} 
ul li a:hover,ul li a:focus{  
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);  
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);  
  box-shadow:10px 10px 7px rgba(0,0,0,.7);  
  -webkit-transform: scale(1.25);  
  -moz-transform: scale(1.25);  
  -o-transform: scale(1.25);  
  position:relative;  
  z-index:5;  
} 
ul li a{  
  text-decoration:none;  
  color:#000;  
  background:#ffc;  
  display:block;  
  height:10em;  
  width:10em;  
  padding:1em;  
  -moz-box-shadow:5px 5px 7px...