/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, menu, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}

body {
  line-height: 1;
  background-color: #fafafa;
}

menu, ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
.effect__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
}
.effect-kinetic {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.effect-kinetic__item {
  font-family: "arial";
  font-size: 8vw;
  font-weight: 700;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  position: absolute;
}
.effect-kinetic__item--black:nth-child(1) {
  color: #000;
  z-index: 12;
}
.effect-kinetic__item--white:nth-child(1) {
  color: #fff;
  z-index: 12;
}
.effect-kinetic__item:nth-child(2) {
  color: #fbeb62;
  z-index: 11;
}
.effect-kinetic__item:nth-child(3) {
  color: #fb9363;
  z-index: 10;
}
.effect-kinetic__item:nth-child(4) {
  color: #fb5b5b;
  z-index: 9;
}
.effect-kinetic__item:nth-child(5) {
  color: #fb527b;
  z-index: 8;
}
.effect-kinetic__item:nth-child(6) {
  color: #fc52db;
  z-index: 7;
}
.effect-kinetic__item:nth-child(7) {
  color: #d35bfb;
  z-index: 6;
}
.effect-kinetic__item:nth-child(8) {
  color: #7353fa;
  z-index: 5;
}
.effect-kinetic__item:nth-child(9) {
  color: #5473fb;
  z-index: 4;
}
.effect-kinetic__item:nth-child(10) {
  color: #6cebfb;
  z-index: 3;
}
.effect-kinetic__item:nth-child(11) {
  color: #6afbf3;
  z-index: 2;
}
.effect-kinetic__item:nth-child(12) {
  color: #7cfb8b;
  z-index: 1;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9ub2RlX21vZHVsZXMvcmVzZXQtY3NzL3Jlc2V0LmNzcyIsIndlYnBhY2s6Ly8vLi9zcmMvc3R5bGVzL3N0eWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQSxDO0FDekRBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxDIiwiZmlsZSI6InN0eWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIGh0dHA6Ly9tZXllcndlYi5jb20vZXJpYy90b29scy9jc3MvcmVzZXQvXG4gICB2NS4wLjEgfCAyMDE5MTAxOVxuICAgTGljZW5zZTogbm9uZSAocHVibGljIGRvbWFpbilcbiovXG5odG1sLCBib2R5LCBkaXYsIHNwYW4sIGFwcGxldCwgb2JqZWN0LCBpZnJhbWUsXG5oMSwgaDIsIGgzLCBoNCwgaDUsIGg2LCBwLCBibG9ja3F1b3RlLCBwcmUsXG5hLCBhYmJyLCBhY3JvbnltLCBhZGRyZXNzLCBiaWcsIGNpdGUsIGNvZGUsXG5kZWwsIGRmbiwgZW0sIGltZywgaW5zLCBrYmQsIHEsIHMsIHNhbXAsXG5zbWFsbCwgc3RyaWtlLCBzdHJvbmcsIHN1Yiwgc3VwLCB0dCwgdmFyLFxuYiwgdSwgaSwgY2VudGVyLFxuZGwsIGR0LCBkZCwgbWVudSwgb2wsIHVsLCBsaSxcbmZpZWxkc2V0LCBmb3JtLCBsYWJlbCwgbGVnZW5kLFxudGFibGUsIGNhcHRpb24sIHRib2R5LCB0Zm9vdCwgdGhlYWQsIHRyLCB0aCwgdGQsXG5hcnRpY2xlLCBhc2lkZSwgY2FudmFzLCBkZXRhaWxzLCBlbWJlZCxcbmZpZ3VyZSwgZmlnY2FwdGlvbiwgZm9vdGVyLCBoZWFkZXIsIGhncm91cCxcbm1haW4sIG1lbnUsIG5hdiwgb3V0cHV0LCBydWJ5LCBzZWN0aW9uLCBzdW1tYXJ5LFxudGltZSwgbWFyaywgYXVkaW8sIHZpZGVvIHtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG4gIGZvbnQtc2l6ZTogMTAwJTtcbiAgZm9udDogaW5oZXJpdDtcbiAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xufVxuXG4vKiBIVE1MNSBkaXNwbGF5LXJvbGUgcmVzZXQgZm9yIG9sZGVyIGJyb3dzZXJzICovXG5hcnRpY2xlLCBhc2lkZSwgZGV0YWlscywgZmlnY2FwdGlvbiwgZmlndXJlLFxuZm9vdGVyLCBoZWFkZXIsIGhncm91cCwgbWFpbiwgbWVudSwgbmF2LCBzZWN0aW9uIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi8qIEhUTUw1IGhpZGRlbi1hdHRyaWJ1dGUgZml4IGZvciBuZXdlciBicm93c2VycyAqL1xuKltoaWRkZW5dIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuYm9keSB7XG4gIGxpbmUtaGVpZ2h0OiAxO1xufVxuXG5tZW51LCBvbCwgdWwge1xuICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5ibG9ja3F1b3RlLCBxIHtcbiAgcXVvdGVzOiBub25lO1xufVxuXG5ibG9ja3F1b3RlOmJlZm9yZSwgYmxvY2txdW90ZTphZnRlcixcbnE6YmVmb3JlLCBxOmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgY29udGVudDogbm9uZTtcbn1cblxudGFibGUge1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBib3JkZXItc3BhY2luZzogMDtcbn0iLCIuZWZmZWN0X193cmFwcGVyIHtcbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIGRpc3BsYXk6IC1tcy1mbGV4Ym94O1xuICBkaXNwbGF5OiBmbGV4O1xuICAtd2Via2l0LWJveC1wYWNrOiBjZW50ZXI7XG4gIC1tcy1mbGV4LXBhY2s6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIC13ZWJraXQtYm94LWFsaWduOiBjZW50ZXI7XG4gIC1tcy1mbGV4LWFsaWduOiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiAxMDB2dztcbiAgaGVpZ2h0OiAxMDB2aDtcbn1cbi5lZmZlY3Qta2luZXRpYyB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIGRpc3BsYXk6IC1tcy1mbGV4Ym94O1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAgLXdlYmtpdC1ib3gtcGFjazogY2VudGVyO1xuICAtbXMtZmxleC1wYWNrOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAtd2Via2l0LWJveC1hbGlnbjogY2VudGVyO1xuICAtbXMtZmxleC1hbGlnbjogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uZWZmZWN0LWtpbmV0aWNfX2l0ZW0ge1xuICBmb250LWZhbWlseTogXCJhcmlhbFwiO1xuICBmb250LXNpemU6IDh2dztcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgLXdlYmtpdC10cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXIgY2VudGVyO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXIgY2VudGVyO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG59XG4uZWZmZWN0LWtpbmV0aWNfX2l0ZW0tLWJsYWNrOm50aC1jaGlsZCgxKSB7XG4gIGNvbG9yOiAjMDAwO1xuICB6LWluZGV4OiAxMjtcbn1cbi5lZmZlY3Qta2luZXRpY19faXRlbS0td2hpdGU6bnRoLWNoaWxkKDEpIHtcbiAgY29sb3I6ICNmZmY7XG4gIHotaW5kZXg6IDEyO1xufVxuLmVmZmVjdC1raW5ldGljX19pdGVtOm50aC1jaGlsZCgyKSB7XG4gIGNvbG9yOiAjZmJlYjYyO1xuICB6LWluZGV4OiAxMTtcbn1cbi5lZmZlY3Qta2luZXRpY19faXRlbTpudGgtY2hpbGQoMykge1xuICBjb2xvcjogI2ZiOTM2MztcbiAgei1pbmRleDogMTA7XG59XG4uZWZmZWN0LWtpbmV0aWNfX2l0ZW06bnRoLWNoaWxkKDQpIHtcbiAgY29sb3I6ICNmYjViNWI7XG4gIHotaW5kZXg6IDk7XG59XG4uZWZmZWN0LWtpbmV0aWNfX2l0ZW06bnRoLWNoaWxkKDUpIHtcbiAgY29sb3I6ICNmYjUyN2I7XG4gIHotaW5kZXg6IDg7XG59XG4uZWZmZWN0LWtpbmV0aWNfX2l0ZW06bnRoLWNoaWxkKDYpIHtcbiAgY29sb3I6ICNmYzUyZGI7XG4gIHotaW5kZXg6IDc7XG59XG4uZWZmZWN0LWtpbmV0aWNfX2l0ZW06bnRoLWNoaWxkKDcpIHtcbiAgY29sb3I6ICNkMzViZmI7XG4gIHotaW5kZXg6IDY7XG59XG4uZWZmZWN0LWtpbmV0aWNfX2l0ZW06bnRoLWNoaWxkKDgpIHtcbiAgY29sb3I6ICM3MzUzZmE7XG4gIHotaW5kZXg6IDU7XG59XG4uZWZmZWN0LWtpbmV0aWNfX2l0ZW06bnRoLWNoaWxkKDkpIHtcbiAgY29sb3I6ICM1NDczZmI7XG4gIHotaW5kZXg6IDQ7XG59XG4uZWZmZWN0LWtpbmV0aWNfX2l0ZW06bnRoLWNoaWxkKDEwKSB7XG4gIGNvbG9yOiAjNmNlYmZiO1xuICB6LWluZGV4OiAzO1xufVxuLmVmZmVjdC1raW5ldGljX19pdGVtOm50aC1jaGlsZCgxMSkge1xuICBjb2xvcjogIzZhZmJmMztcbiAgei1pbmRleDogMjtcbn1cbi5lZmZlY3Qta2luZXRpY19faXRlbTpudGgtY2hpbGQoMTIpIHtcbiAgY29sb3I6ICM3Y2ZiOGI7XG4gIHotaW5kZXg6IDE7XG59Il0sInNvdXJjZVJvb3QiOiIifQ==*/