JSFiddle - React, Tailwind, and code Playground

by electronoob

HTML

<div style="" id=intro class=intro>
<audio id=bgm autoplay loop controls>
  <source src="http://connect.agariomods.com/LD34/intro.mp3" type="audio/mpeg">
</audio><br><br>
<img src=http://connect.agariomods.com/LD34/electronoob.png><br>
<br><br>
<small>
Shoutouts<br>
Ruthio,Kaiser,Aversion,BattleoftheBits,AgarioMods,etc,..
</small>
</div>
<div style="position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; padding: 0px; margin: 0px;
background: radial-gradient(ellipse at center,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%);
">
&nbsp;
</div>

CSS

body {
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  overflow: hidden;
  font-family: 'Roboto Condensed', sans-serif;
  color: #fff;
  text-align:center;
}
html,body {
    height:100%;
}
div.intro {
    animation-name: electronoob;
    animation-duration: 5s;
    animation-iteration-count: 50;
    animation-direction: alternate;    
    position:absolute;
    top:10px;
    width: 400px;
    margin: 20px;
    display:table;
    z-index: 20;
    padding: 20px;
    background-color: rgba(200,40,40,0);
    color:#fff;
    text-shadow: 1px 1px 3px #ff0000;
}
@keyframes electronoob {
    0%   {background-color:rgba(200,40,40,0);}
    25%  {background-color:rgba(200,40,40,0.2);}
    50%  {background-color:rgba(200,40,40,0.4);}
    75%  {background-color:rgba(200,40,40,0.6);}
    100% {background-color:rgba(200,40,40,0.8);}
}