JSFiddle - React, Tailwind, and code Playground

by Jeremy Lewis

HTML

<body>
    <div id="coming">
         <h1>We Are Coming.</h1>

    </div>
    <div id="eyes"></div>
    <div class="funky">
        <p>Are you ready?</p>
    </div>
</body>

CSS

body {
      font-family: Georgia, Times, serif;
      background-color: black;
  }
  #coming {
      margin-top: 20%;
      color: white;
      text-align:center;
  }
  #coming h1 {
      font-size: 72px;
  }
  #eyes {
      height: 160px;
      background-image: url('http://ns1.envywallpapers.com/walls/cat_red_eyes_wallpaper_by_zellzgoddess-normal.jpg');
      background-repeat: no-repeat;
      background-position: center;
  }
}
.funky {
    height: 100px;
    border: 1px solid yellow;
}
.funky p {
    font-family:"Comic Sans MS", cursive, sans-serif;
    font-size: 36px;
    color: white;
    text-align: center;
}