JSFiddle - React, Tailwind, and code Playground

by Maikel1234

HTML

<center><h1><b>Username's</b> profile</h1></center>
<br/>
<div class="userContent"><p class="user"><b>Username</b></p></div>
<div class="arrow-right"></div>
    <br/><br/><br/>
<div class="tablecontent" align="left">
    <div id="talkbubble"><p><b>Username</b> is a registered user on our website</p></div>
</div>

CSS

.userContent, .tablecontent {
    font-family: Arial, Serif;
    font-size: 13px;
}
h1 {
    background: rgb(100,201,100);
background: -moz-linear-gradient(top,  rgba(100,201,100,1) 0%, rgba(110,181,59,1) 34%, rgba(50,127,44,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,201,100,1)), color-stop(34%,rgba(110,181,59,1)), color-stop(100%,rgba(50,127,44,1)));
background: -webkit-linear-gradient(top,  rgba(100,201,100,1) 0%,rgba(110,181,59,1) 34%,rgba(50,127,44,1) 100%);
background: -o-linear-gradient(top,  rgba(100,201,100,1) 0%,rgba(110,181,59,1) 34%,rgba(50,127,44,1) 100%);
background: -ms-linear-gradient(top,  rgba(100,201,100,1) 0%,rgba(110,181,59,1) 34%,rgba(50,127,44,1) 100%);
background: linear-gradient(top,  rgba(100,201,100,1) 0%,rgba(110,181,59,1) 34%,rgba(50,127,44,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64c964', endColorstr='#327f2c',GradientType=0 );
    font-family: Arial, Serif;
    font-size: 21px;
    text-align: center;
    padding: 3px;
    width: 200px;
    border-radius: 9px;
    -o-border-radius: 9px
    -moz-border-radius: 9px
    -webkit-border-radius: 9px
}
.userContent {
    -webkit-user-select: none;
    -moz-user-select: none;
    padding: 0 5px;
    width: 230px;
    -webkit-animation: myfirst 1s;
    -moz-animation: myfirst 1s;
    -o-animation: myfirst 1s;
    background: limegreen;
    height: 40px;    
    line-height:40px;
    float:left;
    }

.arrow-right {
    -webkit-animation: myfirst 1s;
    -moz-animation: myfirst 1s;
    -o-animation: myfirst 1s;
    float:left;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid limegreen;
}
/*.tablecontent {
    margin: 0 7px;
    border: 2px solid limegreen;
    padding: 2px 3px;
    width: 50%;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow:...