JSFiddle - React, Tailwind, and code Playground

by Iris Classon

HTML

<div class="shadowed_text">Please reset your password<div/>http://jsfiddle.net/IrisClasson/T2Bq3/#update

CSS

body{
    background:#205d7a;
}
.shadowed_text {
  font-size: 24px;
  font-family: "Segoe UI";
  color: white;
  text-shadow: 0.5px 0.866px 1px rgb( 0, 0, 0 );
}
 
.shadowed_text { position: relative; z-index: 10;}
.shadowed_text:before, .shadowed_text:after {
  position: absolute;
  content: attr(data-content);
  color: #103445;
  width: 100%;
  top: 2px;
  left: 2px;
  z-index: -1;
  opacity:0.5;
}