#error article {
  box-sizing: border-box;
  min-height: calc(100vh - 120px);
  padding: 25vh 10px 0;
  text-align: center;

  h1 {
    font-size: 140px;
    margin: 0;
    color: var(--neutral-800);
    display: flex;
    justify-content: center;

    span {
      display: inline-block;
      padding: 0 16px;
      animation: number_movement 8s ease-in-out infinite;
    }

    div {
      overflow: hidden;
      &:nth-last-of-type(3) span { animation-delay: .2s }
      &:nth-last-of-type(2) span { animation-delay: .4s }
      &:nth-last-of-type(1) span { animation-delay: .6s }
    }
  }

  .error_description {
    font-size: 24px;
    margin: 0;
  }

  .error_sub_description {
    font-size: 14px;
    display: block;
    margin-top: 10px;
  }
}

@keyframes number_movement {
  0% { translate: 0; }
  20% { translate: 0; }
  30% { translate: 0 400px; }
  31% { translate: 400px -400px; }
  32% { translate: 0 -400px; }
  42% { translate: 0; }
  100% { translate: 0; }
}