.background {
  position: fixed;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background: black;
}

.background::after {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
  content: '';
  background: transparent url(resources/images/backgrounds/pattern.png) repeat top left;
}

.background li span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  color: transparent;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: none;
  opacity: 0;
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation: imageAnimation 45s linear infinite 0s;
          animation: imageAnimation 45s linear infinite 0s;
}

.background li:nth-child(1) span {
  background-image: url(resources/images/backgrounds/back3.jpg);
  -webkit-animation-delay: 0;
          animation-delay: 0;
}

.background li:nth-child(2) span {
  background-image: url(resources/images/backgrounds/back.jpg);
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
}

.background li:nth-child(3) span {
  background-image: url(resources/images/backgrounds/back2.jpg);
  -webkit-animation-delay: -15s;
          animation-delay: -15s;
}

@-webkit-keyframes imageAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  10% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  20% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  33% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  36% {
    opacity: 0;
  }
}

@keyframes imageAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  10% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  20% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  33% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  36% {
    opacity: 0;
  }
}
/*# sourceMappingURL=background.css.map */