JSFiddle - React, Tailwind, and code Playground

HTML

<link href='https://fonts.googleapis.com/css?family=Droid+Sans:700' rel='stylesheet' type='text/css'>
<div class="loading" id="background">

  <div class="home" id="homep">
    <p class="home" id="sphere">CONECTANDO O MUNDO!</p>
  </div>
</div>

CSS

#background {
  background: url('http://payload71.cargocollective.com/1/3/111325/3721041/ico_sphere.gif') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  text-align:center;
}
body{
}
#sphere{
  color:white;
  font-family:Droid sans;
  font-size:80px;
  position:relitive;
  text-align:center;
  margin-top:250px;
  height;100px;
  width;100px;
  opacity:1.0;
  z-index:10;
}

JavaScript

$(window).load(function(){
  setTimeout(function(){ $('.loading').fadeOut() }, 1000);
});