JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<h1>
Important!
</h1>

<h1 class="t2">
Important!
</h1>


<div class="timer">
  4:00
</div>

CSS

body {
  background: #000;
}

h1 {
  font-family: Tahoma;
  /*font-family: Verdana;*/
   -webkit-text-stroke: 1px black;
   text-transform: uppercase;
   color: white;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
.t2 {
  font-family: Verdana;
  text-align: center;
  width: 320px;
  line-height: 110px;
  
  background: radial-gradient(ellipse closest-side at 50% 50%, rgba(255, 0, 75, 0.5), transparent);
}

.timer {
  font-family: Verdana;
  text-transform: uppercase;
   color: white;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
  text-align: center;
  width: 320px;
  line-height: 110px;
  
  background: radial-gradient(ellipse closest-side at 50% 50%, rgba(255, 0, 75, 0.5), transparent);
}