body > :not(.pace),
body:before,
body:after {
  -webkit-transition:opacity 1s ease-in-out;
  -moz-transition:opacity 1s ease-in-out;
  -o-transition:opacity 1s ease-in-out;
  -ms-transition:opacity 1s ease-in-out;
  transition:opacity 1s ease-in-out;
}
body:not(.pace-done) h1,
body:not(.pace-done) > :not(.pace),
body:not(.pace-done):before,
body:not(.pace-done):after {
  opacity:0;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-image:url("../images/logo-white.png");
  background-position:center center;
  background-repeat:no-repeat;
  background-size:400px auto;
  height:100%;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background-color: #000000;
  position: fixed;
  z-index: -1;
  top: 0;
  right: 100%;
  bottom: 0;
  width: 100%;
}