JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container" align="center">
<p id="robo">ROBO</p>
</div>

CSS

*{
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	width: 100%;
}
#container {
	width: 1024px;
	height: 768px;
	margin: 0 auto;
}
#robo {
  display:none;
  width:200px;
  height:200px;
}

JavaScript

$(document).ready(function() {
    $("#robo").delay(500).fadeIn(500).animate({fontSize: "3em"}, 1000);
});