JSFiddle - React, Tailwind, and code Playground

by Josh Pullen

HTML

m<span>a</span>n


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@900&display=swap" rel="stylesheet">

CSS

body {
  font-size: 200px;
  font-weight: bold;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0.03em;
}

span {
  text-shadow: 0 2px 18px yellow;
  color: red;
}