JSFiddle - React, Tailwind, and code Playground

by whelkaholism

HTML

<div><span class="t k">I</span><span class="e h">♥</span></div>
<div><span class="t c">N</span><span class="t p">Y</span></div>

CSS

@import url(https://fonts.googleapis.com/css?family=Courier+Prime);

body {
  background: white;
  padding: 20px;
}

* {
  font-size: 50vh;
  font-family: Courier Prime
}

div {
  line-height: 0.8em;
  position: relative;
}

.h {
  color: rgb(231 38 33);
  font-size: 1.1em;
  position: relative;
  top: 2px;
}

.t {
  font-weight: 700;
  padding-right: 3px;
}