JSFiddle - React, Tailwind, and code Playground

by csshat

HTML

<div class="container">
    <h1>PSD + CSS3</h1>
    <form action="mailto:team@csshat.com">
        <input type="email" value="team@csshat.com">
        <button type="submit" ontouchstart="">Send</button>
    </form>
    <a href="http://twitter.com/musHo" ontouchstart="">Created by musHo with CSS Hat</a>
</div>

CSS

body{margin:0;padding:0;font-size:14px;font-family: "Helvetica Neue", sans-serif;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-user-select:none;background-size:200px 200px;background-image:url(http://subtlepatterns.com/patterns/diamond_upholstery.png);background-position: center center;}
    input{border:0;outline:0;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
    button {background:none;border:none;margin:0;padding:0;width:auto;overflow:visible;}
    a,a:hover,a:active,a:visited,a:focus{color:#fff;text-decoration: none;cursor: pointer;outline:none;}
    @-webkit-keyframes pulse {
        0% { box-shadow:  inset 0 0 0 1px rgba(255,255,255,.5), 0 0 10px 0 rgba(0,0,0,.3) }
        50% { box-shadow:  inset 0 0 0 1px rgba(255,255,255,.5), 0 0 20px 3px rgba(0,0,0,.6) }
        100% {box-shadow:  inset 0 0 0 1px rgba(255,255,255,.5), 0 0 10px 0 rgba(0,0,0,.3) }
    }
    @-moz-keyframes pulse {
        0% { box-shadow:  inset 0 0 0 1px rgba(255,255,255,.5), 0 0 10px 0 rgba(0,0,0,.3) }
        50% { box-shadow:  inset 0 0 0 1px rgba(255,255,255,.5), 0 0 20px 3px rgba(0,0,0,.6) }
        100% {box-shadow:  inset 0 0 0 1px rgba(255,255,255,.5), 0 0 10px 0 rgba(0,0,0,.3) }
    }
    @-ms-keyframes pulse {
        0% { box-shadow:  inset 0 0 0 1px rgba(255,255,255,.5), 0 0 10px 0 rgba(0,0,0,.3) }
        50% { box-shadow:  inset 0 0 0 1px rgba(255,255,255,.5), 0 0 20px 3px rgba(0,0,0,.6) }
        100% {box-shadow:  inset 0 0 0 1px rgba(255,255,255,.5), 0 0 10px 0 rgba(0,0,0,.3) }
    }
    @-o-keyframes pulse {
        0% { box-shadow:  inset 0 0 0 1px rgba(255,255,255,.5), 0 0 10px 0 rgba(0,0,0,.3) }
        50% { box-shadow:  inset 0 0 0 1px rgba(255,255,255,.5), 0 0 20px 3px rgba(0,0,0,.6) }
        100% {box-shadow:  inset 0 0 0 1px rgba(255,255,255,.5), 0 0 10px 0 rgba(0,0,0,.3) }
    }
    @keyframes pulse {
        0% { box-shadow:  inset 0 0 0 1px rgba(255,255,255,.5), 0 0 10px 0 rgba(0,0,0,.3) }
        50% { box-shadow:  inset 0 0...