.container {
  display: none
}

.container.show {
  display: block
}

.pageload-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: 9999
}

.pageload-overlay.show {
  visibility: visible
}

.pageload-overlay svg {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none
}

.pageload-overlay svg path {
  fill: #000
}

.pageload-overlay::after,
.pageload-overlay::before {
  content: "";
  position: fixed;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  -webkit-transition: opacity .15s, visibility 0s .15s;
  transition: opacity .15s, visibility 0s .15s
}

.pageload-overlay::after {
  background: linear-gradient(50deg, rgba(253, 194, 216, 1) 0, rgba(252, 166, 94, 1) 34%, rgba(255, 121, 131, 1) 65%, rgba(4, 18, 130, 1) 100%);
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-animation: moveRight .6s linear infinite alternate;
  animation: moveRight .6s linear infinite alternate
}

.pageload-overlay::before {
  background: linear-gradient(29deg, rgba(209, 45, 156, 1) 0, rgba(94, 162, 239, 1) 100%);
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  -webkit-animation: moveLeft .6s linear infinite alternate;
  animation: moveLeft .6s linear infinite alternate
}

@-webkit-keyframes moveRight {
  to {
    -webkit-transform: translateX(20px)
  }
}

@keyframes moveRight {
  to {
    transform: translateX(20px)
  }
}

@-webkit-keyframes moveLeft {
  to {
    -webkit-transform: translateX(-20px)
  }
}

@keyframes moveLeft {
  to {
    transform: translateX(-20px)
  }
}