body, html{
  height: 100%;
  
  margin: 0px;
  
  padding: 0px;
}

body{
  background-color: rgb(255, 255, 255);
}

/*
  Not essential. Just for centering.
*/
.center{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.loading-logo{
  font-size: 0px;

  margin: auto;
}

/* -- Change image url below -- */
.loading-logo .tile{
  background-image: url('logo.png');
  background-repeat: no-repeat;

  display: inline-block;

  font-size: 0px;

  transform-origin: center center;
  -webkit-transform-origin: center center;
}

@-moz-keyframes tile-flip {
  0%{
    -moz-transform: rotateY(0deg);
  }

  50%, 100% {
    -moz-transform: rotateY(360deg);
  }
}
@-webkit-keyframes tile-flip {
  0%{
    -webkit-transform: rotateY(0deg);
  }

  50%, 100% {
    -webkit-transform: rotateY(360deg);
  }
}
@keyframes tile-flip {
  0%{
    -webkit-transform: rotateY(0deg);
    transform:rotateY(0deg);
  }

  50%, 100% {
    -webkit-transform: rotateY(360deg);
    transform:rotateY(360deg);
  }
}