html {
  -webkit-transition: background-color 1s;
  transition: background-color 1s;
}

html, body {
  min-height: 100%;
  font-family: 'Ubuntu';
}

html.loading {
  background: #121111 url("../../assets/img/loading.gif") no-repeat 50% 0;
  background-size: 100%;
  -webkit-transition: background-color 0;
  transition: background-color 0;
}

body {
  -webkit-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
}

html.loading body {
  opacity: 0;
  -webkit-transition: opacity 0;
  transition: opacity 0;
}

.paused {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}