.splash-decoy {
  overflow: hidden;
  background: linear-gradient(-60deg, #0B264A 30%, rgba(0, 0, 0, 0) 30%),
    linear-gradient(-60deg, #0D2E59 50%, #0B264A 50%);
  background-size: 200% 200%;
  background-position: 0% 0%;
  animation: 6s gradient cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  animation-delay: 2s;
  background-repeat: no-repeat;
}

.splash-decoy #app {
  width: 100vw;
  height: 100vh;
  background-image: url(./logo.svg);
  background-size: 74px 72px;
  background-position: center;
  background-repeat: no-repeat;
  animation: 1s fadein ease-in;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}

@keyframes gradient {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 82% 45%;
  }
  100% {
    background-position: 0% 0%;
  }
}

@keyframes fadein {
  0% {
    background-size: 74px 72px;
  }

  20% {
    background-size: 74px 72px;
  }

  100% {
    background-size: 394px 72px;
  }
}