JSFiddle - React, Tailwind, and code Playground

by Josh Pullen

HTML

<h1>MAH WEBSITE!!!!!!!1!!!!!</h1>
<img src="http://24.media.tumblr.com/8210fd413c5ce209678ef82d65731443/tumblr_mjphnqLpNy1s5jjtzo1_400.gif" />
<div class="content">
    <p>This Is So Much Fun Don't You love My Rainbow Background??!?!?!?!??!?!?!?!???!?!!!?!?!</p>
    <p>I have an account on <a href="http://scratch.mit.edu/" style="color:red;">Scratch</a> and <a href="http://github.com/" style="color:green;">Github</a> and <a href="http://scratch.mit.edu/" style="color:blue;">Stack Overflow</a> and <a href="http://eelslap.com/" style="color:yellow;">Eelslap</a></p>
</div>

CSS

body {
     background: red;  
     -webkit-animation: super-rainbow 2s infinite alternate linear; 
     -moz-animation: super-rainbow 2s infinite alternate linear; 
}
.content {
    background:white;
    padding:40px;
}

h1 {
    color:yellow;
}
img {
    margin-left:-10px;
}
a:hover {
    font-size:20px;
    text-decoration:none;
    border-bottom:5px solid black;
}

@-webkit-keyframes super-rainbow {
    0%   { background: red; } 
    20%  { background: orange; }
    40%  { background: yellow; }
    60%  { background: green; }
    80%  { background: blue; }
    100% { background: violet; }
}

@-moz-keyframes super-rainbow {
    0%   { background: red; } 
    20%  { background: orange; }
    40%  { background: yellow; }
    60%  { background: green; }
    80%  { background: blue; }
    100% { background: violet; }
}