JSFiddle - React, Tailwind, and code Playground

HTML

<div class = "project">
      <p>Our very own JS library
        <br />
        <br />
        Still working on it
        <br />
        <span class = "platforms">
                    <i class = "fa fa-cogs fa-3x" id = "swing"></i>
                </span>
      </p>
</div>

CSS

.project {
    background-color: rgb(230, 230, 230);
    min-height: 300px;
    color: #007fff;
    padding: 1%;
    transition: box-shadow 1s;
    box-shadow: 4px 4px #fff, 5px 5px #ccc, 9px 9px #fff, 10px 10px #ccc, 14px 14px #fff;
}

.project:hover {
  box-shadow: 0 0 #fff, 0 0 #ccc, 0 0 #fff, 0 0 #ccc, 0 0 #fff;
}