JSFiddle - React, Tailwind, and code Playground

by Evgeny Pisarev

HTML

<div class="container">
  <div class="logo">Henxed</div>
</div>

SCSS

.container {
  text-align: center;
  position: absolute;
  margin-top: -80px;
  width: 100%;
  top: 50%;
}
.logo{
    font-size: 52px;
    font-family: Roboto;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 2px 4px 7px rgba(41, 41, 41, 0.5), 0 3px 4px rgba(173, 170, 170, 0.2), 0 10px 15px rgba(255, 255, 255, 0.6), 3px 4px 1px rgba(255, 255, 255, 0.2);
    color: #f7f7f7;
}
 //https://codepen.io/soulwire/details/bKens