JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<h1>PR0T0TYPE</h1>

CSS

@import url(http://fonts.googleapis.com/css?family=Erica+One);
@import url(http://fonts.googleapis.com/css?family=Monofett);

body {
    font-family: 'Erica One';
    font-family: 'Monofett';
}

h1 {
    border-radius: 300px/100px;
    border: 3px solid;
    background: #cf0;
    width: 300px;
    height: 100px;
    font-weight: normal;
    line-height: 100px;
    font-size: 48px;
    color: #0394cd;
    text-shadow: 0 0 3px #cc0;
    box-shadow: 5px 5px 10px rgba(0,0,0,.2);
    text-align: center;
    margin: 100px auto;
    letter-spacing: 3px;
    background: repeating-linear-gradient(
  45deg,
  #cf0,
  #f2006d 10px,
  #cf0 10px,
  #f2006d 20px
);
}