@charset "UTF-8";
.glitch-image {
  width: 400px;
  height: 400px;
  position: relative;
  overflow: hidden;
  display: block;
  margin: auto;
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 468px) {
  .glitch-image {
    width: 100%;
    max-width: 300px;
    height: 299px;
  }
}

.glitch-image::before, .glitch-image::after,
.glitch-image .channel {
  background: inherit;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.glitch-image::before {
  -webkit-animation: glitch-before 3s linear infinite alternate both;
          animation: glitch-before 3s linear infinite alternate both;
  content: "";
  background-size: cover;
}

@-webkit-keyframes glitch-before {
  0% {
    -webkit-clip-path: polygon(0% 63.28414%, 100% 63.28414%, 100% 71.4714%, 0% 71.4714%);
            clip-path: polygon(0% 63.28414%, 100% 63.28414%, 100% 71.4714%, 0% 71.4714%);
    -webkit-transform: translate(0.18089%, 0.18229%);
            transform: translate(0.18089%, 0.18229%);
  }
  2% {
    -webkit-clip-path: polygon(0% 89.82312%, 100% 89.82312%, 100% 97.89724%, 0% 97.89724%);
            clip-path: polygon(0% 89.82312%, 100% 89.82312%, 100% 97.89724%, 0% 97.89724%);
    -webkit-transform: translate(5.14819%, 0.23988%);
            transform: translate(5.14819%, 0.23988%);
  }
  4% {
    -webkit-clip-path: polygon(0% 14.71917%, 100% 14.71917%, 100% 23.78139%, 0% 23.78139%);
            clip-path: polygon(0% 14.71917%, 100% 14.71917%, 100% 23.78139%, 0% 23.78139%);
    -webkit-transform: translate(-0.87611%, 0.37907%);
            transform: translate(-0.87611%, 0.37907%);
  }
  6% {
    -webkit-clip-path: polygon(0% 30.76022%, 100% 30.76022%, 100% 33.23321%, 0% 33.23321%);
            clip-path: polygon(0% 30.76022%, 100% 30.76022%, 100% 33.23321%, 0% 33.23321%);
    -webkit-transform: translate(-1.60941%, 0.00586%);
            transform: translate(-1.60941%, 0.00586%);
  }
  8% {
    -webkit-clip-path: polygon(0% 67.01925%, 100% 67.01925%, 100% 70.19598%, 0% 70.19598%);
            clip-path: polygon(0% 67.01925%, 100% 67.01925%, 100% 70.19598%, 0% 70.19598%);
    -webkit-transform: translate(-7.81703%, -0.36617%);
            transform: translate(-7.81703%, -0.36617%);
  }
  10% {
    -webkit-clip-path: polygon(0% 32.96127%, 100% 32.96127%, 100% 40.24642%, 0% 40.24642%);
            clip-path: polygon(0% 32.96127%, 100% 32.96127%, 100% 40.24642%, 0% 40.24642%);
    -webkit-transform: translate(-6.9552%, 0.30221%);
            transform: translate(-6.9552%, 0.30221%);
  }
  12% {
    -webkit-clip-path: polygon(0% 81.35332%, 100% 81.35332%, 100% 86.44623%, 0% 86.44623%);
            clip-path: polygon(0% 81.35332%, 100% 81.35332%, 100% 86.44623%, 0% 86.44623%);
    -webkit-transform: translate(0.96868%, 0.29219%);
            transform: translate(0.96868%, 0.29219%);
  }
  14% {
    -webkit-clip-path: polygon(0% 68.20014%, 100% 68.20014%, 100% 76.66913%, 0% 76.66913%);
            clip-path: polygon(0% 68.20014%, 100% 68.20014%, 100% 76.66913%, 0% 76.66913%);
    -webkit-transform: translate(-1.9266%, 0.29526%);
            transform: translate(-1.9266%, 0.29526%);
  }
  16% {
    -webkit-clip-path: polygon(0% 71.58291%, 100% 71.58291%, 100% 73.06319%, 0% 73.06319%);
            clip-path: polygon(0% 71.58291%, 100% 71.58291%, 100% 73.06319%, 0% 73.06319%);
    -webkit-transform: translate(7.19551%, -0.4438%);
            transform: translate(7.19551%, -0.4438%);
  }
  18% {
    -webkit-clip-path: polygon(0% 14.0636%, 100% 14.0636%, 100% 16.79054%, 0% 16.79054%);
            clip-path: polygon(0% 14.0636%, 100% 14.0636%, 100% 16.79054%, 0% 16.79054%);
    -webkit-transform: translate(2.05113%, -0.23826%);
            transform: translate(2.05113%, -0.23826%);
  }
  20%,
  100% {
    -webkit-clip-path: none;
            clip-path: none;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes glitch-before {
  0% {
    -webkit-clip-path: polygon(0% 63.28414%, 100% 63.28414%, 100% 71.4714%, 0% 71.4714%);
            clip-path: polygon(0% 63.28414%, 100% 63.28414%, 100% 71.4714%, 0% 71.4714%);
    -webkit-transform: translate(0.18089%, 0.18229%);
            transform: translate(0.18089%, 0.18229%);
  }
  2% {
    -webkit-clip-path: polygon(0% 89.82312%, 100% 89.82312%, 100% 97.89724%, 0% 97.89724%);
            clip-path: polygon(0% 89.82312%, 100% 89.82312%, 100% 97.89724%, 0% 97.89724%);
    -webkit-transform: translate(5.14819%, 0.23988%);
            transform: translate(5.14819%, 0.23988%);
  }
  4% {
    -webkit-clip-path: polygon(0% 14.71917%, 100% 14.71917%, 100% 23.78139%, 0% 23.78139%);
            clip-path: polygon(0% 14.71917%, 100% 14.71917%, 100% 23.78139%, 0% 23.78139%);
    -webkit-transform: translate(-0.87611%, 0.37907%);
            transform: translate(-0.87611%, 0.37907%);
  }
  6% {
    -webkit-clip-path: polygon(0% 30.76022%, 100% 30.76022%, 100% 33.23321%, 0% 33.23321%);
            clip-path: polygon(0% 30.76022%, 100% 30.76022%, 100% 33.23321%, 0% 33.23321%);
    -webkit-transform: translate(-1.60941%, 0.00586%);
            transform: translate(-1.60941%, 0.00586%);
  }
  8% {
    -webkit-clip-path: polygon(0% 67.01925%, 100% 67.01925%, 100% 70.19598%, 0% 70.19598%);
            clip-path: polygon(0% 67.01925%, 100% 67.01925%, 100% 70.19598%, 0% 70.19598%);
    -webkit-transform: translate(-7.81703%, -0.36617%);
            transform: translate(-7.81703%, -0.36617%);
  }
  10% {
    -webkit-clip-path: polygon(0% 32.96127%, 100% 32.96127%, 100% 40.24642%, 0% 40.24642%);
            clip-path: polygon(0% 32.96127%, 100% 32.96127%, 100% 40.24642%, 0% 40.24642%);
    -webkit-transform: translate(-6.9552%, 0.30221%);
            transform: translate(-6.9552%, 0.30221%);
  }
  12% {
    -webkit-clip-path: polygon(0% 81.35332%, 100% 81.35332%, 100% 86.44623%, 0% 86.44623%);
            clip-path: polygon(0% 81.35332%, 100% 81.35332%, 100% 86.44623%, 0% 86.44623%);
    -webkit-transform: translate(0.96868%, 0.29219%);
            transform: translate(0.96868%, 0.29219%);
  }
  14% {
    -webkit-clip-path: polygon(0% 68.20014%, 100% 68.20014%, 100% 76.66913%, 0% 76.66913%);
            clip-path: polygon(0% 68.20014%, 100% 68.20014%, 100% 76.66913%, 0% 76.66913%);
    -webkit-transform: translate(-1.9266%, 0.29526%);
            transform: translate(-1.9266%, 0.29526%);
  }
  16% {
    -webkit-clip-path: polygon(0% 71.58291%, 100% 71.58291%, 100% 73.06319%, 0% 73.06319%);
            clip-path: polygon(0% 71.58291%, 100% 71.58291%, 100% 73.06319%, 0% 73.06319%);
    -webkit-transform: translate(7.19551%, -0.4438%);
            transform: translate(7.19551%, -0.4438%);
  }
  18% {
    -webkit-clip-path: polygon(0% 14.0636%, 100% 14.0636%, 100% 16.79054%, 0% 16.79054%);
            clip-path: polygon(0% 14.0636%, 100% 14.0636%, 100% 16.79054%, 0% 16.79054%);
    -webkit-transform: translate(2.05113%, -0.23826%);
            transform: translate(2.05113%, -0.23826%);
  }
  20%,
  100% {
    -webkit-clip-path: none;
            clip-path: none;
    -webkit-transform: none;
            transform: none;
  }
}

.glitch-image::after {
  -webkit-animation: glitch-after 3s linear infinite alternate both;
          animation: glitch-after 3s linear infinite alternate both;
  content: "";
}

@-webkit-keyframes glitch-after {
  0% {
    -webkit-clip-path: polygon(0% 25.31877%, 100% 25.31877%, 100% 33.57548%, 0% 33.57548%);
            clip-path: polygon(0% 25.31877%, 100% 25.31877%, 100% 33.57548%, 0% 33.57548%);
    -webkit-transform: translate(2.43139%, 0.46269%);
            transform: translate(2.43139%, 0.46269%);
  }
  2% {
    -webkit-clip-path: polygon(0% 1.63062%, 100% 1.63062%, 100% 4.45644%, 0% 4.45644%);
            clip-path: polygon(0% 1.63062%, 100% 1.63062%, 100% 4.45644%, 0% 4.45644%);
    -webkit-transform: translate(-7.8655%, -0.12214%);
            transform: translate(-7.8655%, -0.12214%);
  }
  4% {
    -webkit-clip-path: polygon(0% 52.53527%, 100% 52.53527%, 100% 58.51953%, 0% 58.51953%);
            clip-path: polygon(0% 52.53527%, 100% 52.53527%, 100% 58.51953%, 0% 58.51953%);
    -webkit-transform: translate(-7.32081%, 0.25665%);
            transform: translate(-7.32081%, 0.25665%);
  }
  6% {
    -webkit-clip-path: polygon(0% 8.97349%, 100% 8.97349%, 100% 10.32675%, 0% 10.32675%);
            clip-path: polygon(0% 8.97349%, 100% 8.97349%, 100% 10.32675%, 0% 10.32675%);
    -webkit-transform: translate(5.68127%, -0.29776%);
            transform: translate(5.68127%, -0.29776%);
  }
  8% {
    -webkit-clip-path: polygon(0% 46.09313%, 100% 46.09313%, 100% 47.77894%, 0% 47.77894%);
            clip-path: polygon(0% 46.09313%, 100% 46.09313%, 100% 47.77894%, 0% 47.77894%);
    -webkit-transform: translate(-5.01172%, 0.40452%);
            transform: translate(-5.01172%, 0.40452%);
  }
  10% {
    -webkit-clip-path: polygon(0% 74.17208%, 100% 74.17208%, 100% 75.19135%, 0% 75.19135%);
            clip-path: polygon(0% 74.17208%, 100% 74.17208%, 100% 75.19135%, 0% 75.19135%);
    -webkit-transform: translate(4.48132%, 0.48068%);
            transform: translate(4.48132%, 0.48068%);
  }
  12% {
    -webkit-clip-path: polygon(0% 3.02779%, 100% 3.02779%, 100% 10.55591%, 0% 10.55591%);
            clip-path: polygon(0% 3.02779%, 100% 3.02779%, 100% 10.55591%, 0% 10.55591%);
    -webkit-transform: translate(2.40896%, 0.00014%);
            transform: translate(2.40896%, 0.00014%);
  }
  14% {
    -webkit-clip-path: polygon(0% 19.98436%, 100% 19.98436%, 100% 26.73503%, 0% 26.73503%);
            clip-path: polygon(0% 19.98436%, 100% 19.98436%, 100% 26.73503%, 0% 26.73503%);
    -webkit-transform: translate(4.87514%, -0.15884%);
            transform: translate(4.87514%, -0.15884%);
  }
  16% {
    -webkit-clip-path: polygon(0% 77.05464%, 100% 77.05464%, 100% 85.66645%, 0% 85.66645%);
            clip-path: polygon(0% 77.05464%, 100% 77.05464%, 100% 85.66645%, 0% 85.66645%);
    -webkit-transform: translate(-2.82893%, 0.25679%);
            transform: translate(-2.82893%, 0.25679%);
  }
  18% {
    -webkit-clip-path: polygon(0% 63.54396%, 100% 63.54396%, 100% 67.47973%, 0% 67.47973%);
            clip-path: polygon(0% 63.54396%, 100% 63.54396%, 100% 67.47973%, 0% 67.47973%);
    -webkit-transform: translate(-5.32608%, 0.23463%);
            transform: translate(-5.32608%, 0.23463%);
  }
  20%,
  100% {
    -webkit-clip-path: none;
            clip-path: none;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes glitch-after {
  0% {
    -webkit-clip-path: polygon(0% 25.31877%, 100% 25.31877%, 100% 33.57548%, 0% 33.57548%);
            clip-path: polygon(0% 25.31877%, 100% 25.31877%, 100% 33.57548%, 0% 33.57548%);
    -webkit-transform: translate(2.43139%, 0.46269%);
            transform: translate(2.43139%, 0.46269%);
  }
  2% {
    -webkit-clip-path: polygon(0% 1.63062%, 100% 1.63062%, 100% 4.45644%, 0% 4.45644%);
            clip-path: polygon(0% 1.63062%, 100% 1.63062%, 100% 4.45644%, 0% 4.45644%);
    -webkit-transform: translate(-7.8655%, -0.12214%);
            transform: translate(-7.8655%, -0.12214%);
  }
  4% {
    -webkit-clip-path: polygon(0% 52.53527%, 100% 52.53527%, 100% 58.51953%, 0% 58.51953%);
            clip-path: polygon(0% 52.53527%, 100% 52.53527%, 100% 58.51953%, 0% 58.51953%);
    -webkit-transform: translate(-7.32081%, 0.25665%);
            transform: translate(-7.32081%, 0.25665%);
  }
  6% {
    -webkit-clip-path: polygon(0% 8.97349%, 100% 8.97349%, 100% 10.32675%, 0% 10.32675%);
            clip-path: polygon(0% 8.97349%, 100% 8.97349%, 100% 10.32675%, 0% 10.32675%);
    -webkit-transform: translate(5.68127%, -0.29776%);
            transform: translate(5.68127%, -0.29776%);
  }
  8% {
    -webkit-clip-path: polygon(0% 46.09313%, 100% 46.09313%, 100% 47.77894%, 0% 47.77894%);
            clip-path: polygon(0% 46.09313%, 100% 46.09313%, 100% 47.77894%, 0% 47.77894%);
    -webkit-transform: translate(-5.01172%, 0.40452%);
            transform: translate(-5.01172%, 0.40452%);
  }
  10% {
    -webkit-clip-path: polygon(0% 74.17208%, 100% 74.17208%, 100% 75.19135%, 0% 75.19135%);
            clip-path: polygon(0% 74.17208%, 100% 74.17208%, 100% 75.19135%, 0% 75.19135%);
    -webkit-transform: translate(4.48132%, 0.48068%);
            transform: translate(4.48132%, 0.48068%);
  }
  12% {
    -webkit-clip-path: polygon(0% 3.02779%, 100% 3.02779%, 100% 10.55591%, 0% 10.55591%);
            clip-path: polygon(0% 3.02779%, 100% 3.02779%, 100% 10.55591%, 0% 10.55591%);
    -webkit-transform: translate(2.40896%, 0.00014%);
            transform: translate(2.40896%, 0.00014%);
  }
  14% {
    -webkit-clip-path: polygon(0% 19.98436%, 100% 19.98436%, 100% 26.73503%, 0% 26.73503%);
            clip-path: polygon(0% 19.98436%, 100% 19.98436%, 100% 26.73503%, 0% 26.73503%);
    -webkit-transform: translate(4.87514%, -0.15884%);
            transform: translate(4.87514%, -0.15884%);
  }
  16% {
    -webkit-clip-path: polygon(0% 77.05464%, 100% 77.05464%, 100% 85.66645%, 0% 85.66645%);
            clip-path: polygon(0% 77.05464%, 100% 77.05464%, 100% 85.66645%, 0% 85.66645%);
    -webkit-transform: translate(-2.82893%, 0.25679%);
            transform: translate(-2.82893%, 0.25679%);
  }
  18% {
    -webkit-clip-path: polygon(0% 63.54396%, 100% 63.54396%, 100% 67.47973%, 0% 67.47973%);
            clip-path: polygon(0% 63.54396%, 100% 63.54396%, 100% 67.47973%, 0% 67.47973%);
    -webkit-transform: translate(-5.32608%, 0.23463%);
            transform: translate(-5.32608%, 0.23463%);
  }
  20%,
  100% {
    -webkit-clip-path: none;
            clip-path: none;
    -webkit-transform: none;
            transform: none;
  }
}

.glitch-image .channel {
  mix-blend-mode: screen;
}

.glitch-image .channel::before {
  bottom: 0;
  content: "";
  display: block;
  mix-blend-mode: multiply;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.glitch-image .r {
  -webkit-animation: rgb-shift-r 3s steps(1, jump-end) infinite alternate both;
          animation: rgb-shift-r 3s steps(1, jump-end) infinite alternate both;
}

@-webkit-keyframes rgb-shift-r {
  0% {
    -webkit-transform: translate(1.92006%, -0.20961%);
            transform: translate(1.92006%, -0.20961%);
  }
  2% {
    -webkit-transform: translate(0.4138%, -0.34899%);
            transform: translate(0.4138%, -0.34899%);
  }
  4% {
    -webkit-transform: translate(0.81158%, 0.16666%);
            transform: translate(0.81158%, 0.16666%);
  }
  6% {
    -webkit-transform: translate(0.81596%, -0.25247%);
            transform: translate(0.81596%, -0.25247%);
  }
  8% {
    -webkit-transform: translate(-0.27155%, -0.46421%);
            transform: translate(-0.27155%, -0.46421%);
  }
  10% {
    -webkit-transform: translate(0.1232%, 0.25932%);
            transform: translate(0.1232%, 0.25932%);
  }
  12% {
    -webkit-transform: translate(-0.19617%, 0.24912%);
            transform: translate(-0.19617%, 0.24912%);
  }
  14% {
    -webkit-transform: translate(0.68456%, -0.34842%);
            transform: translate(0.68456%, -0.34842%);
  }
  16% {
    -webkit-transform: translate(-1.49145%, 0.06223%);
            transform: translate(-1.49145%, 0.06223%);
  }
  18% {
    -webkit-transform: translate(1.60404%, 0.40995%);
            transform: translate(1.60404%, 0.40995%);
  }
  20%,
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rgb-shift-r {
  0% {
    -webkit-transform: translate(1.92006%, -0.20961%);
            transform: translate(1.92006%, -0.20961%);
  }
  2% {
    -webkit-transform: translate(0.4138%, -0.34899%);
            transform: translate(0.4138%, -0.34899%);
  }
  4% {
    -webkit-transform: translate(0.81158%, 0.16666%);
            transform: translate(0.81158%, 0.16666%);
  }
  6% {
    -webkit-transform: translate(0.81596%, -0.25247%);
            transform: translate(0.81596%, -0.25247%);
  }
  8% {
    -webkit-transform: translate(-0.27155%, -0.46421%);
            transform: translate(-0.27155%, -0.46421%);
  }
  10% {
    -webkit-transform: translate(0.1232%, 0.25932%);
            transform: translate(0.1232%, 0.25932%);
  }
  12% {
    -webkit-transform: translate(-0.19617%, 0.24912%);
            transform: translate(-0.19617%, 0.24912%);
  }
  14% {
    -webkit-transform: translate(0.68456%, -0.34842%);
            transform: translate(0.68456%, -0.34842%);
  }
  16% {
    -webkit-transform: translate(-1.49145%, 0.06223%);
            transform: translate(-1.49145%, 0.06223%);
  }
  18% {
    -webkit-transform: translate(1.60404%, 0.40995%);
            transform: translate(1.60404%, 0.40995%);
  }
  20%,
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.glitch-image .r::before {
  background: #f00;
}

.glitch-image .g {
  -webkit-animation: rgb-shift-g 3s steps(1, jump-end) infinite alternate both;
          animation: rgb-shift-g 3s steps(1, jump-end) infinite alternate both;
}

@-webkit-keyframes rgb-shift-g {
  0% {
    -webkit-transform: translate(0.30856%, 0.24255%);
            transform: translate(0.30856%, 0.24255%);
  }
  2% {
    -webkit-transform: translate(-1.50623%, 0.10813%);
            transform: translate(-1.50623%, 0.10813%);
  }
  4% {
    -webkit-transform: translate(0.34581%, 0.32019%);
            transform: translate(0.34581%, 0.32019%);
  }
  6% {
    -webkit-transform: translate(0.53088%, -0.2497%);
            transform: translate(0.53088%, -0.2497%);
  }
  8% {
    -webkit-transform: translate(-0.26974%, 0.48531%);
            transform: translate(-0.26974%, 0.48531%);
  }
  10% {
    -webkit-transform: translate(-0.512%, 0.15722%);
            transform: translate(-0.512%, 0.15722%);
  }
  12% {
    -webkit-transform: translate(-0.69824%, 0.49986%);
            transform: translate(-0.69824%, 0.49986%);
  }
  14% {
    -webkit-transform: translate(-0.22464%, 0.20386%);
            transform: translate(-0.22464%, 0.20386%);
  }
  16% {
    -webkit-transform: translate(-1.56467%, 0.16623%);
            transform: translate(-1.56467%, 0.16623%);
  }
  18% {
    -webkit-transform: translate(-0.50662%, -0.24648%);
            transform: translate(-0.50662%, -0.24648%);
  }
  20%,
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rgb-shift-g {
  0% {
    -webkit-transform: translate(0.30856%, 0.24255%);
            transform: translate(0.30856%, 0.24255%);
  }
  2% {
    -webkit-transform: translate(-1.50623%, 0.10813%);
            transform: translate(-1.50623%, 0.10813%);
  }
  4% {
    -webkit-transform: translate(0.34581%, 0.32019%);
            transform: translate(0.34581%, 0.32019%);
  }
  6% {
    -webkit-transform: translate(0.53088%, -0.2497%);
            transform: translate(0.53088%, -0.2497%);
  }
  8% {
    -webkit-transform: translate(-0.26974%, 0.48531%);
            transform: translate(-0.26974%, 0.48531%);
  }
  10% {
    -webkit-transform: translate(-0.512%, 0.15722%);
            transform: translate(-0.512%, 0.15722%);
  }
  12% {
    -webkit-transform: translate(-0.69824%, 0.49986%);
            transform: translate(-0.69824%, 0.49986%);
  }
  14% {
    -webkit-transform: translate(-0.22464%, 0.20386%);
            transform: translate(-0.22464%, 0.20386%);
  }
  16% {
    -webkit-transform: translate(-1.56467%, 0.16623%);
            transform: translate(-1.56467%, 0.16623%);
  }
  18% {
    -webkit-transform: translate(-0.50662%, -0.24648%);
            transform: translate(-0.50662%, -0.24648%);
  }
  20%,
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.glitch-image .g::before {
  background: #0f0;
}

.glitch-image .b {
  -webkit-animation: rgb-shift-b 3s steps(1, jump-end) infinite alternate both;
          animation: rgb-shift-b 3s steps(1, jump-end) infinite alternate both;
}

@-webkit-keyframes rgb-shift-b {
  0% {
    -webkit-transform: translate(-0.39651%, 0.39804%);
            transform: translate(-0.39651%, 0.39804%);
  }
  2% {
    -webkit-transform: translate(1.81611%, -0.14481%);
            transform: translate(1.81611%, -0.14481%);
  }
  4% {
    -webkit-transform: translate(0.05576%, 0.34631%);
            transform: translate(0.05576%, 0.34631%);
  }
  6% {
    -webkit-transform: translate(-0.39384%, 0.47159%);
            transform: translate(-0.39384%, 0.47159%);
  }
  8% {
    -webkit-transform: translate(-1.75858%, -0.43893%);
            transform: translate(-1.75858%, -0.43893%);
  }
  10% {
    -webkit-transform: translate(1.95099%, 0.21394%);
            transform: translate(1.95099%, 0.21394%);
  }
  12% {
    -webkit-transform: translate(1.91115%, -0.3798%);
            transform: translate(1.91115%, -0.3798%);
  }
  14% {
    -webkit-transform: translate(-0.69928%, 0.46257%);
            transform: translate(-0.69928%, 0.46257%);
  }
  16% {
    -webkit-transform: translate(1.68739%, -0.43739%);
            transform: translate(1.68739%, -0.43739%);
  }
  18% {
    -webkit-transform: translate(0.87031%, 0.46105%);
            transform: translate(0.87031%, 0.46105%);
  }
  20%,
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rgb-shift-b {
  0% {
    -webkit-transform: translate(-0.39651%, 0.39804%);
            transform: translate(-0.39651%, 0.39804%);
  }
  2% {
    -webkit-transform: translate(1.81611%, -0.14481%);
            transform: translate(1.81611%, -0.14481%);
  }
  4% {
    -webkit-transform: translate(0.05576%, 0.34631%);
            transform: translate(0.05576%, 0.34631%);
  }
  6% {
    -webkit-transform: translate(-0.39384%, 0.47159%);
            transform: translate(-0.39384%, 0.47159%);
  }
  8% {
    -webkit-transform: translate(-1.75858%, -0.43893%);
            transform: translate(-1.75858%, -0.43893%);
  }
  10% {
    -webkit-transform: translate(1.95099%, 0.21394%);
            transform: translate(1.95099%, 0.21394%);
  }
  12% {
    -webkit-transform: translate(1.91115%, -0.3798%);
            transform: translate(1.91115%, -0.3798%);
  }
  14% {
    -webkit-transform: translate(-0.69928%, 0.46257%);
            transform: translate(-0.69928%, 0.46257%);
  }
  16% {
    -webkit-transform: translate(1.68739%, -0.43739%);
            transform: translate(1.68739%, -0.43739%);
  }
  18% {
    -webkit-transform: translate(0.87031%, 0.46105%);
            transform: translate(0.87031%, 0.46105%);
  }
  20%,
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.glitch-image .b::before {
  background: #00f;
}

.skew {
  -webkit-animation: skew 3s infinite;
          animation: skew 3s infinite;
}

@-webkit-keyframes skew {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  33% {
    -webkit-transform: none;
            transform: none;
  }
  33.3% {
    -webkit-transform: skewX(30deg);
            transform: skewX(30deg);
  }
  33.6% {
    -webkit-transform: skewX(-30deg);
            transform: skewX(-30deg);
  }
  33.9% {
    -webkit-transform: none;
            transform: none;
  }
  66% {
    -webkit-transform: none;
            transform: none;
  }
  66.3% {
    -webkit-transform: skewX(5deg);
            transform: skewX(5deg);
  }
  66.6% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
  }
  66.9% {
    -webkit-transform: none;
            transform: none;
  }
  77% {
    -webkit-transform: none;
            transform: none;
  }
  77.3% {
    -webkit-transform: skewX(15deg);
            transform: skewX(15deg);
  }
  77.6% {
    -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg);
  }
  77.9% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes skew {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  33% {
    -webkit-transform: none;
            transform: none;
  }
  33.3% {
    -webkit-transform: skewX(30deg);
            transform: skewX(30deg);
  }
  33.6% {
    -webkit-transform: skewX(-30deg);
            transform: skewX(-30deg);
  }
  33.9% {
    -webkit-transform: none;
            transform: none;
  }
  66% {
    -webkit-transform: none;
            transform: none;
  }
  66.3% {
    -webkit-transform: skewX(5deg);
            transform: skewX(5deg);
  }
  66.6% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
  }
  66.9% {
    -webkit-transform: none;
            transform: none;
  }
  77% {
    -webkit-transform: none;
            transform: none;
  }
  77.3% {
    -webkit-transform: skewX(15deg);
            transform: skewX(15deg);
  }
  77.6% {
    -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg);
  }
  77.9% {
    -webkit-transform: none;
            transform: none;
  }
}

.glitch {
  color: white;
  position: relative;
}

@-webkit-keyframes noise-anim {
  0% {
    clip: rect(77px, 9999px, 6px, 0);
  }
  5% {
    clip: rect(65px, 9999px, 70px, 0);
  }
  10% {
    clip: rect(82px, 9999px, 82px, 0);
  }
  15% {
    clip: rect(32px, 9999px, 35px, 0);
  }
  20% {
    clip: rect(31px, 9999px, 49px, 0);
  }
  25% {
    clip: rect(18px, 9999px, 46px, 0);
  }
  30% {
    clip: rect(94px, 9999px, 64px, 0);
  }
  35% {
    clip: rect(69px, 9999px, 31px, 0);
  }
  40% {
    clip: rect(6px, 9999px, 72px, 0);
  }
  45% {
    clip: rect(25px, 9999px, 35px, 0);
  }
  50% {
    clip: rect(82px, 9999px, 26px, 0);
  }
  55% {
    clip: rect(7px, 9999px, 92px, 0);
  }
  60% {
    clip: rect(54px, 9999px, 30px, 0);
  }
  65% {
    clip: rect(86px, 9999px, 90px, 0);
  }
  70% {
    clip: rect(38px, 9999px, 65px, 0);
  }
  75% {
    clip: rect(41px, 9999px, 66px, 0);
  }
  80% {
    clip: rect(31px, 9999px, 37px, 0);
  }
  85% {
    clip: rect(8px, 9999px, 12px, 0);
  }
  90% {
    clip: rect(50px, 9999px, 69px, 0);
  }
  95% {
    clip: rect(7px, 9999px, 42px, 0);
  }
  100% {
    clip: rect(14px, 9999px, 57px, 0);
  }
}

@keyframes noise-anim {
  0% {
    clip: rect(77px, 9999px, 6px, 0);
  }
  5% {
    clip: rect(65px, 9999px, 70px, 0);
  }
  10% {
    clip: rect(82px, 9999px, 82px, 0);
  }
  15% {
    clip: rect(32px, 9999px, 35px, 0);
  }
  20% {
    clip: rect(31px, 9999px, 49px, 0);
  }
  25% {
    clip: rect(18px, 9999px, 46px, 0);
  }
  30% {
    clip: rect(94px, 9999px, 64px, 0);
  }
  35% {
    clip: rect(69px, 9999px, 31px, 0);
  }
  40% {
    clip: rect(6px, 9999px, 72px, 0);
  }
  45% {
    clip: rect(25px, 9999px, 35px, 0);
  }
  50% {
    clip: rect(82px, 9999px, 26px, 0);
  }
  55% {
    clip: rect(7px, 9999px, 92px, 0);
  }
  60% {
    clip: rect(54px, 9999px, 30px, 0);
  }
  65% {
    clip: rect(86px, 9999px, 90px, 0);
  }
  70% {
    clip: rect(38px, 9999px, 65px, 0);
  }
  75% {
    clip: rect(41px, 9999px, 66px, 0);
  }
  80% {
    clip: rect(31px, 9999px, 37px, 0);
  }
  85% {
    clip: rect(8px, 9999px, 12px, 0);
  }
  90% {
    clip: rect(50px, 9999px, 69px, 0);
  }
  95% {
    clip: rect(7px, 9999px, 42px, 0);
  }
  100% {
    clip: rect(14px, 9999px, 57px, 0);
  }
}

.glitch:after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 #fa9dfc;
  top: 0;
  color: white;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim 2s infinite linear alternate-reverse;
  white-space: pre;
}

@-webkit-keyframes noise-anim-2 {
  0% {
    clip: rect(18px, 9999px, 13px, 0);
  }
  5% {
    clip: rect(74px, 9999px, 51px, 0);
  }
  10% {
    clip: rect(33px, 9999px, 65px, 0);
  }
  15% {
    clip: rect(64px, 9999px, 66px, 0);
  }
  20% {
    clip: rect(75px, 9999px, 6px, 0);
  }
  25% {
    clip: rect(40px, 9999px, 49px, 0);
  }
  30% {
    clip: rect(71px, 9999px, 1px, 0);
  }
  35% {
    clip: rect(42px, 9999px, 73px, 0);
  }
  40% {
    clip: rect(92px, 9999px, 57px, 0);
  }
  45% {
    clip: rect(4px, 9999px, 33px, 0);
  }
  50% {
    clip: rect(4px, 9999px, 34px, 0);
  }
  55% {
    clip: rect(49px, 9999px, 25px, 0);
  }
  60% {
    clip: rect(24px, 9999px, 44px, 0);
  }
  65% {
    clip: rect(31px, 9999px, 99px, 0);
  }
  70% {
    clip: rect(54px, 9999px, 83px, 0);
  }
  75% {
    clip: rect(57px, 9999px, 97px, 0);
  }
  80% {
    clip: rect(3px, 9999px, 15px, 0);
  }
  85% {
    clip: rect(84px, 9999px, 34px, 0);
  }
  90% {
    clip: rect(100px, 9999px, 88px, 0);
  }
  95% {
    clip: rect(91px, 9999px, 59px, 0);
  }
  100% {
    clip: rect(10px, 9999px, 87px, 0);
  }
}

@keyframes noise-anim-2 {
  0% {
    clip: rect(18px, 9999px, 13px, 0);
  }
  5% {
    clip: rect(74px, 9999px, 51px, 0);
  }
  10% {
    clip: rect(33px, 9999px, 65px, 0);
  }
  15% {
    clip: rect(64px, 9999px, 66px, 0);
  }
  20% {
    clip: rect(75px, 9999px, 6px, 0);
  }
  25% {
    clip: rect(40px, 9999px, 49px, 0);
  }
  30% {
    clip: rect(71px, 9999px, 1px, 0);
  }
  35% {
    clip: rect(42px, 9999px, 73px, 0);
  }
  40% {
    clip: rect(92px, 9999px, 57px, 0);
  }
  45% {
    clip: rect(4px, 9999px, 33px, 0);
  }
  50% {
    clip: rect(4px, 9999px, 34px, 0);
  }
  55% {
    clip: rect(49px, 9999px, 25px, 0);
  }
  60% {
    clip: rect(24px, 9999px, 44px, 0);
  }
  65% {
    clip: rect(31px, 9999px, 99px, 0);
  }
  70% {
    clip: rect(54px, 9999px, 83px, 0);
  }
  75% {
    clip: rect(57px, 9999px, 97px, 0);
  }
  80% {
    clip: rect(3px, 9999px, 15px, 0);
  }
  85% {
    clip: rect(84px, 9999px, 34px, 0);
  }
  90% {
    clip: rect(100px, 9999px, 88px, 0);
  }
  95% {
    clip: rect(91px, 9999px, 59px, 0);
  }
  100% {
    clip: rect(10px, 9999px, 87px, 0);
  }
}

.glitch:before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 #1c003c;
  top: 0;
  color: white;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim-2 3s infinite linear alternate-reverse;
  white-space: pre;
}

.candy1 {
  position: absolute;
  top: -5%;
  /*初期位置*/
  left: 10%;
  -webkit-animation: anim 3s linear infinite;
          animation: anim 3s linear infinite;
}

.candy2 {
  position: absolute;
  top: -5%;
  /*初期位置*/
  left: 20%;
  -webkit-animation: anim 5s linear infinite;
          animation: anim 5s linear infinite;
}

.candy3 {
  position: absolute;
  top: -5%;
  /*初期位置*/
  left: 50%;
  -webkit-animation: anim 7s linear infinite;
          animation: anim 7s linear infinite;
}

.candy4 {
  position: absolute;
  top: -5%;
  /*初期位置*/
  left: 60%;
  -webkit-animation: anim 9s linear infinite;
          animation: anim 9s linear infinite;
}

.candy5 {
  position: absolute;
  top: -5%;
  /*初期位置*/
  right: 20%;
  -webkit-animation: anim 11s linear infinite;
          animation: anim 11s linear infinite;
}

.candy6 {
  position: absolute;
  top: -5%;
  /*初期位置*/
  right: 5%;
  -webkit-animation: anim 12s linear infinite;
          animation: anim 12s linear infinite;
}

.candy7 {
  position: absolute;
  top: -5%;
  /*初期位置*/
  right: 25%;
  -webkit-animation: anim 13s linear infinite;
          animation: anim 13s linear infinite;
}

.candy8 {
  position: absolute;
  top: -5%;
  /*初期位置*/
  right: 15%;
  -webkit-animation: anim 14s linear infinite;
          animation: anim 14s linear infinite;
}

@-webkit-keyframes anim {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    color: transparent;
    top: 150%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes anim {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    color: transparent;
    top: 150%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.fatboy {
  padding-left: 40px;
}

@media screen and (max-width: 960px) {
  .fatboy {
    margin-top: 50px;
  }
}

.fatboy img {
  height: 140px;
}

@media screen and (max-width: 960px) {
  .fatboy img {
    height: 110px;
  }
}

@media screen and (max-width: 468px) {
  .fatboy img {
    height: 60px;
  }
}
/*# sourceMappingURL=anime.css.map */