JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

body{
    background: #f0efef;
}    

div{
    width: 200px;
    height: 250px;
    margin: 20px auto;
    background: #ddd;
    border-radius: 10px;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
    text-indent: 0px;
 border: 1px solid #888;
-moz-transition: background-color 0.8s 0.1s ease;
 -o-transition: background-color 0.8s 0.1s ease;
 -webkit-transition: background-color 0.8s 0.1s ease;
 cursor: pointer;
   }
div:hover{
    background-color: #976568;
 color: #378;
    
}