@keyframes opacityanimation {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes loading {
  to {
    text-shadow: 20px 0 70px #BE9E44;
    color: #BE9E44; } }

@keyframes movecolorbackgorund {
  from {
    background-position: 0 0; }
  to {
    background-position: 400% 0; } }

@keyframes MoveBackgroundPosition {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

.errorpage {
  text-align: center; }
  .errorpage h2 {
    font-size: 18rem;
    font-family: sans-serif;
    position: relative;
    background: white;
    color: black;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: none; }
    .errorpage h2:before {
      content: '';
      display: block;
      position: absolute;
      -webkit-filter: blur(20px);
      filter: blur(20px);
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      mix-blend-mode: screen;
      background-image: repeating-linear-gradient(-45deg, transparent, transparent 1em, #BE9E44 1em, #E0D168 50%), repeating-linear-gradient(45deg, #111626, #111626 1em, pink 1em, #571B3D 50%);
      background-size: 3em 3em, 2em 2em;
      animation-name: movecolorbackgorund;
      animation-duration: 8s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-direction: alternate; }
  .errorpage h3, .errorpage p {
    padding-bottom: 2rem; }