.error-page {
    height: 100vh;
    padding: 50px;
    position: relative;
    background-blend-mode: luminosity;
    background-size: cover; }
    .error-page:before {
      content: "";
      position: absolute;
      opacity: 0.8;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    .error-page .error-inner {
      z-index: 1;
      position: absolute;
      left: 50%;
      top: 50%;
      max-width: 600px;
      transform: translate(-50%, -50%);
      padding: 20px;
      width: 100%; }
      @media only screen and (max-width: 35.9375rem) {
        .error-page .error-inner {
          width: 100%; } }
    .error-page .error-head {
      margin-bottom: 40px;
      font-size: 30px;
      line-height: 1.4;
      font-weight: 500;
      color: #1c1c4e; }
      @media only screen and (max-width: 35.9375rem) {
        .error-page .error-head {
          font-size: 20px;
          margin-bottom: 30px; } }
    .error-page .dz-error {
      position: relative;
      color: var(--secondary);
      font-size: 200px;
      letter-spacing: 0px;
      animation: dzError 1s infinite linear alternate-reverse;
      font-weight: 900;
      line-height: 200px;
      margin: auto; }
      @media only screen and (max-width: 61.9375rem) {
        .error-page .dz-error {
          font-size: 150px;
          line-height: 150px; } }
      @media only screen and (max-width: 35.9375rem) {
        .error-page .dz-error {
          font-size: 80px;
          line-height: 80px;
          letter-spacing: 5px; } }
      .error-page .dz-error::before, .error-page .dz-error::after {
        content: attr(data-text);
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%; }
      .error-page .dz-error::before {
        left: 2px;
        text-shadow: -2px 0 #f7cf47;
        clip: rect(44px, 450px, 56px, 0);
        animation: dzError1 5s infinite linear alternate-reverse; }
      .error-page .dz-error::after {
        left: -2px;
        text-shadow: -2px 0 #f7cf47, 2px 2px #f7cf47;
        clip: rect(44px, 450px, 56px, 0);
        animation: dzError2 5s infinite linear alternate-reverse; }
  
  @keyframes dzError1 {
    0% {
      clip: rect(391px, 9999px, 121px, 0);
      transform: skew(0.6deg); }
    2.5% {
      clip: rect(345px, 9999px, 145px, 0);
      transform: skew(0.17deg); }
    5% {
      clip: rect(371px, 9999px, 112px, 0);
      transform: skew(0.932deg); }
    7.5% {
      clip: rect(387px, 9999px, 373px, 0);
      transform: skew(0.148deg); }
    10% {
      clip: rect(360px, 9999px, 5px, 0);
      transform: skew(0.916deg); }
    12.5% {
      clip: rect(51px, 9999px, 108px, 0);
      transform: skew(0.792deg); }
    15% {
      clip: rect(126px, 9999px, 323px, 0);
      transform: skew(0.866deg); }
    17.5% {
      clip: rect(191px, 9999px, 366px, 0);
      transform: skew(0.258deg); }
    20% {
      clip: rect(286px, 9999px, 74px, 0);
      transform: skew(0.582deg); }
    22.5% {
      clip: rect(194px, 9999px, 244px, 0);
      transform: skew(0.136deg); }
    25% {
      clip: rect(75px, 9999px, 19px, 0);
      transform: skew(0.538deg); }
    27.5% {
      clip: rect(448px, 9999px, 78px, 0);
      transform: skew(0.978deg); }
    30% {
      clip: rect(418px, 9999px, 424px, 0);
      transform: skew(0.734deg); }
    32.5% {
      clip: rect(21px, 9999px, 489px, 0);
      transform: skew(0.37deg); }
    35% {
      clip: rect(498px, 9999px, 277px, 0);
      transform: skew(0.492deg); }
    37.5% {
      clip: rect(295px, 9999px, 158px, 0);
      transform: skew(0.164deg); }
    40% {
      clip: rect(145px, 9999px, 19px, 0);
      transform: skew(0.124deg); }
    42.5% {
      clip: rect(254px, 9999px, 174px, 0);
      transform: skew(0.328deg); }
    45% {
      clip: rect(39px, 9999px, 87px, 0);
      transform: skew(0.94deg); }
    47.5% {
      clip: rect(242px, 9999px, 108px, 0);
      transform: skew(0.444deg); }
    50% {
      clip: rect(459px, 9999px, 384px, 0);
      transform: skew(0.788deg); }
    52.5% {
      clip: rect(52px, 9999px, 373px, 0);
      transform: skew(0.772deg); }
    55% {
      clip: rect(49px, 9999px, 301px, 0);
      transform: skew(0.4deg); }
    57.5% {
      clip: rect(13px, 9999px, 231px, 0);
      transform: skew(0.16deg); }
    60% {
      clip: rect(284px, 9999px, 476px, 0);
      transform: skew(0.692deg); }
    62.5% {
      clip: rect(436px, 9999px, 98px, 0);
      transform: skew(0.334deg); }
    65% {
      clip: rect(62px, 9999px, 9px, 0);
      transform: skew(0.136deg); }
    67.5% {
      clip: rect(155px, 9999px, 56px, 0);
      transform: skew(0.428deg); }
    70% {
      clip: rect(358px, 9999px, 361px, 0);
      transform: skew(0.918deg); }
    72.5% {
      clip: rect(52px, 9999px, 436px, 0);
      transform: skew(0.812deg); }
    75% {
      clip: rect(348px, 9999px, 393px, 0);
      transform: skew(0.816deg); }
    77.5% {
      clip: rect(77px, 9999px, 108px, 0);
      transform: skew(0.422deg); }
    80% {
      clip: rect(493px, 9999px, 480px, 0);
      transform: skew(0.828deg); }
    82.5% {
      clip: rect(151px, 9999px, 126px, 0);
      transform: skew(0.764deg); }
    85% {
      clip: rect(14px, 9999px, 466px, 0);
      transform: skew(0.484deg); }
    87.5% {
      clip: rect(491px, 9999px, 330px, 0);
      transform: skew(0.482deg); }
    90% {
      clip: rect(462px, 9999px, 393px, 0);
      transform: skew(0.136deg); }
    92.5% {
      clip: rect(318px, 9999px, 485px, 0);
      transform: skew(0.948deg); }
    95% {
      clip: rect(167px, 9999px, 172px, 0);
      transform: skew(0.684deg); }
    97.5% {
      clip: rect(456px, 9999px, 426px, 0);
      transform: skew(0.788deg); } }
  
  @keyframes dzError2 {
    0% {
      clip: rect(15px, 9999px, 312px, 0);
      transform: skew(0.856deg); }
    2.5% {
      clip: rect(124px, 9999px, 237px, 0);
      transform: skew(0.048deg); }
    5% {
      clip: rect(47px, 9999px, 13px, 0);
      transform: skew(0.196deg); }
    7.5% {
      clip: rect(307px, 9999px, 259px, 0);
      transform: skew(0.182deg); }
    10% {
      clip: rect(480px, 9999px, 113px, 0);
      transform: skew(0.294deg); }
    12.5% {
      clip: rect(440px, 9999px, 222px, 0);
      transform: skew(0.714deg); }
    15% {
      clip: rect(251px, 9999px, 71px, 0);
      transform: skew(0.424deg); }
    17.5% {
      clip: rect(124px, 9999px, 36px, 0);
      transform: skew(0.62deg); }
    20% {
      clip: rect(256px, 9999px, 399px, 0);
      transform: skew(0.296deg); }
    22.5% {
      clip: rect(153px, 9999px, 86px, 0);
      transform: skew(0.626deg); }
    25% {
      clip: rect(151px, 9999px, 172px, 0);
      transform: skew(0.928deg); }
    27.5% {
      clip: rect(231px, 9999px, 118px, 0);
      transform: skew(0.718deg); }
    30% {
      clip: rect(81px, 9999px, 7px, 0);
      transform: skew(0.148deg); }
    32.5% {
      clip: rect(398px, 9999px, 39px, 0);
      transform: skew(0.102deg); }
    35% {
      clip: rect(143px, 9999px, 145px, 0);
      transform: skew(0.55deg); }
    37.5% {
      clip: rect(319px, 9999px, 85px, 0);
      transform: skew(0.604deg); }
    40% {
      clip: rect(96px, 9999px, 301px, 0);
      transform: skew(0.31deg); }
    42.5% {
      clip: rect(392px, 9999px, 456px, 0);
      transform: skew(0.426deg); }
    45% {
      clip: rect(11px, 9999px, 270px, 0);
      transform: skew(0.554deg); }
    47.5% {
      clip: rect(193px, 9999px, 494px, 0);
      transform: skew(0.296deg); }
    50% {
      clip: rect(443px, 9999px, 331px, 0);
      transform: skew(0.958deg); }
    52.5% {
      clip: rect(37px, 9999px, 250px, 0);
      transform: skew(0.858deg); }
    55% {
      clip: rect(184px, 9999px, 359px, 0);
      transform: skew(0.026deg); }
    57.5% {
      clip: rect(248px, 9999px, 446px, 0);
      transform: skew(0.792deg); }
    60% {
      clip: rect(490px, 9999px, 162px, 0);
      transform: skew(0.378deg); }
    62.5% {
      clip: rect(266px, 9999px, 445px, 0);
      transform: skew(0.168deg); }
    65% {
      clip: rect(87px, 9999px, 443px, 0);
      transform: skew(0.67deg); }
    67.5% {
      clip: rect(223px, 9999px, 239px, 0);
      transform: skew(0.634deg); }
    70% {
      clip: rect(397px, 9999px, 329px, 0);
      transform: skew(0.688deg); }
    72.5% {
      clip: rect(70px, 9999px, 144px, 0);
      transform: skew(0.368deg); }
    75% {
      clip: rect(48px, 9999px, 19px, 0);
      transform: skew(0.86deg); }
    77.5% {
      clip: rect(227px, 9999px, 120px, 0);
      transform: skew(0.032deg); }
    80% {
      clip: rect(132px, 9999px, 35px, 0);
      transform: skew(0.416deg); }
    82.5% {
      clip: rect(32px, 9999px, 84px, 0);
      transform: skew(0.382deg); }
    85% {
      clip: rect(491px, 9999px, 345px, 0);
      transform: skew(0.44deg); }
    87.5% {
      clip: rect(23px, 9999px, 314px, 0);
      transform: skew(0.744deg); }
    90% {
      clip: rect(259px, 9999px, 38px, 0);
      transform: skew(0.086deg); }
    92.5% {
      clip: rect(289px, 9999px, 410px, 0);
      transform: skew(0.764deg); }
    95% {
      clip: rect(248px, 9999px, 55px, 0);
      transform: skew(0.934deg); }
    97.5% {
      clip: rect(299px, 9999px, 213px, 0);
      transform: skew(0.826deg); } }
  
  @keyframes dzError {
    0% {
      transform: skew(-2deg); }
    10% {
      transform: skew(-1deg); }
    20% {
      transform: skew(-3deg); }
    30% {
      transform: skew(4deg); }
    40% {
      transform: skew(1deg); }
    50% {
      transform: skew(3deg); }
    60% {
      transform: skew(-3deg); }
    70% {
      transform: skew(1deg); }
    80% {
      transform: skew(2deg); }
    90% {
      transform: skew(1deg); } }