JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Spec Tech</title>
    <link href="newStyle.css" rel="stylesheet" type="text/css" /> <!--style-->
    <script type="text/javascript" src="script.js"></script>

</head>

<body onload="ChangeColors('spam'); Position('container');">
    <div id="container" class="container">
    <div id="rounded" class="center">
    </div>
    </div>
    <div id="header">
        <div id="spam" class="imgContainer"></div>
        <div class="imgShadow" id="imgShadow"></div>
        <a href="index.html"><img src="http://i787.photobucket.com/albums/yy158/PresidentPanda007/logo.png" class="image" id="img"  onmouseover="Scale('imgShadow')"/></a>
    </div>

</body>

</html>

CSS

@charset "utf-8";
/* CSS Document */

#cool
{    
    position: relative;
    right:center;
    top: -51px;
    width: 1100px;
    margin:auto;
    height:59px;
    background-position:top center;
    background-image:
    background-repeat:no-repeat;
}

.bottom
{
    position:absolute;
    margin-top:1000px;
}

.container
{
    position:fixed;
    margin-top:45px;
    width:99.5%;
    height:2250px;
    background-color:#000000;
    overflow:auto;
}

#bg {
    position:fixed;
    top:-50%;
    left:-50%;
    width:200%;
    height:200%;
}
#bg img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    min-width:50%;
    min-height:50%;
}

#header
{
    /*opacity:.75;*/
    background-color:#c1c1c1;
    height:50px;
    width:100%;
    position:fixed;
    top:0px;
    left:0px;
    z-index:1;
    opacity:.75;
}

#header:hover
{
    border:#000000;
}
.b:hover
{
background-color:blue;
}

a:hover
{
    background-color:rgb(255,102,255);
}
.asdf:hover
{
    background-color:rgb(51,153,153);
}

.imageclone
{
    position:absolute;
    position:absolute;
    margin-top:30px;
    margin-left:10px;
    width:130px;
    height:40px;
    background-color:rgb(255,0,0);
        -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.imgContainer
{
    position:absolute;
    width:130px;
    height:65px;
    margin-top:0px;
    margin-left:-3px;
    background-color:#000000;

    z-index:1;
    -webkit-transition: all 3s ease-in-out;
    -moz-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    -ms-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
}

.imgShadow
{
    width:120px;
    height:20px;
    position:absolute;
    margin-top:55px;
    margin:-left:-10px;
    z-index:0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s...