/* -------------------------------------
 ___ ___ ___ ___ _____
| _ \ __/ __| __|_   _|
|   / _|\__ \ _|  | |
|_|_\___|___/___| |_|

-------------------------------------- */
/** {
  border: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}*/
/*html,
body {
  height: 100%;
  font-family: MicrosoftSansSerif;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: none;
  background: #3dff32;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjM2RmZjMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzBmNGZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMDBmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg, #3dff32 0%, #30f4ff 50%, #ff00fa 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #3dff32), color-stop(50%, #30f4ff), color-stop(100%, #ff00fa));
  background: -webkit-linear-gradient(-45deg, #3dff32 0%, #30f4ff 50%, #ff00fa 100%);
  background: -o-linear-gradient(-45deg, #3dff32 0%, #30f4ff 50%, #ff00fa 100%);
  background: -ms-linear-gradient(-45deg, #3dff32 0%, #30f4ff 50%, #ff00fa 100%);
  background: linear-gradient(135deg, #3dff32 0%, #30f4ff 50%, #ff00fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3dff32', endColorstr='#ff00fa', GradientType=1);
  background-attachment: fixed;
}*/
/* -------------------------------------
 ___ __  __   _   ___ ___ ___
|_ _|  \/  | /_\ / __| __/ __|
 | || |\/| |/ _ \ (_ | _|\__ \
|___|_|  |_/_/ \_\___|___|___/

-------------------------------------- */
/* WINDOWS BG TILES */
/* GRADIENTS */
/* -------------------------------------
 ___ ___  _  _ _____ ___
| __/ _ \| \| |_   _/ __|
| _| (_) | .` | | | \__ \
|_| \___/|_|\_| |_| |___/

-------------------------------------- */
@font-face {
  font-family: 'MicrosoftSansSerif';
  src: url('fonts/MicrosoftSansSerif.eot?') format('eot'), url('fonts/MicrosoftSansSerif.woff') format('woff'), url('fonts/MicrosoftSansSerif.ttf') format('truetype'), url('fonts/MicrosoftSansSerif.svg#MicrosoftSansSerif') format('svg');
}
/* -------------------------------------
 __  __ _____  _____ _  _ ___
|  \/  |_ _\ \/ /_ _| \| / __|
| |\/| || | >  < | || .` \__ \
|_|  |_|___/_/\_\___|_|\_|___/

-------------------------------------- */
/*.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}*/
.textBg {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.stacked {
  transform: scaleY(0.75);
  -webkit-transform: scaleY(0.75);
  -moz-transform: scaleY(0.75);
  -o-transform: scaleY(0.75);
  -ms-transform: scaleY(0.75);
  transform-origin: 0 50% 0;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  line-height: 0.8em;
  width: 1em;
  word-wrap: break-word;
  letter-spacing: 0.27em;
}
.stacked .text {
  display: block;
}
.stacked .text:before {
  display: block;
  text-align: center;
  color: transparent;
  width: 100%;
  word-wrap: break-word;
  letter-spacing: 0.27em;
}
/* -------------------------------------
__      _____ _  _ ___ ___
\ \    / /_ _| \| / _ \ __|
 \ \/\/ / | || .` \_, /__ \
  \_/\_/ |___|_|\_|/_/|___/

-------------------------------------- */
/* -------------------------------------
__      _____  ___ ___   _   ___ _____
\ \    / / _ \| _ \   \ /_\ | _ \_   _|
 \ \/\/ / (_) |   / |) / _ \|   / | |
  \_/\_/ \___/|_|_\___/_/ \_\_|_\ |_|

-------------------------------------- */
.wordart {
  position: relative;
  z-index: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*-webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;*/
  user-select: text !important;
}
.wordart .text {
  display: block;
}
.wordart > .text:before,
.wordart > .text:after {
  -webkit-touch-callout: none;/*
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;*/
  user-select: text !important;
}
.rainbow {
  transform: scale(1, 1.5);
  -webkit-transform: scale(1, 1.5);
  -moz-transform: scale(1, 1.5);
  -o-transform: scale(1, 1.5);
  -ms-transform: scale(1, 1.5);
  font-size: 0.84em;
}
.rainbow .text {
  font-family: Arial, sans-serif;
  background: #ee00ff;
  background: url(./rainbow.svg);
  background: -moz-linear-gradient(left, #ee00ff 0%, #ff3030 16%, #ff9900 32%, #fff430 49%, #00ff08 67%, #3223ff 83%, #aa00ff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ee00ff), color-stop(16%, #ff3030), color-stop(32%, #ff9900), color-stop(49%, #fff430), color-stop(67%, #00ff08), color-stop(83%, #3223ff), color-stop(100%, #aa00ff));
  background: -webkit-linear-gradient(left, #ee00ff 0%, #ff3030 16%, #ff9900 32%, #fff430 49%, #00ff08 67%, #3223ff 83%, #aa00ff 100%);
  background: -o-linear-gradient(left, #ee00ff 0%, #ff3030 16%, #ff9900 32%, #fff430 49%, #00ff08 67%, #3223ff 83%, #aa00ff 100%);
  background: -ms-linear-gradient(left, #ee00ff 0%, #ff3030 16%, #ff9900 32%, #fff430 49%, #00ff08 67%, #3223ff 83%, #aa00ff 100%);
  background: linear-gradient(to right, #ee00ff 0%, #ff3030 16%, #ff9900 32%, #fff430 49%, #00ff08 67%, #3223ff 83%, #aa00ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee00ff', endColorstr='#aa00ff', GradientType=1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  letter-spacing: -0.01em;
  margin-left: 0.7em;
}
.rainbow .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  top: 0.17em;
  left: 0.4em;
  -webkit-text-fill-color: rgba(50, 50, 50, 0.3);
  -webkit-background-clip: border-box;
  transform: skew(60deg, 0) scale(1, 0.5);
  -webkit-transform: skew(60deg, 0) scale(1, 0.5);
  -moz-transform: skew(60deg, 0) scale(1, 0.5);
  -o-transform: skew(60deg, 0) scale(1, 0.5);
  -ms-transform: skew(60deg, 0) scale(1, 0.5);
}
.green-marble {
  transform: scale(1, 1.2);
  -webkit-transform: scale(1, 1.2);
  -moz-transform: scale(1, 1.2);
  -o-transform: scale(1, 1.2);
  -ms-transform: scale(1, 1.2);
  font-size: 1.1em;
}
.green-marble .text {
  font-family: Times, 'Times New Roman', serif;
  letter-spacing: -0.01em;
  text-align: center;
  position: relative;
  color: rgba(178, 202, 189, 0.7);
}
.green-marble .text:before {
  content: attr(data-text);
  background: #1f4427;
  position: absolute;
  background: url(./green-marble.png);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.75em;
  bottom: -0.2em;
  width: 100%;
}
.horizon .text {
  font-size: 0.96em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  background: #7286a7;
  background: url(./horizon.svg);
  background: -moz-linear-gradient(top, #7286a7 0%, #7286a7 13%, #ffffff 50%, #812f30 56%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7286a7), color-stop(13%, #7286a7), color-stop(50%, #ffffff), color-stop(56%, #812f30), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #7286a7 0%, #7286a7 13%, #ffffff 50%, #812f30 56%, #ffffff 100%);
  background: -o-linear-gradient(top, #7286a7 0%, #7286a7 13%, #ffffff 50%, #812f30 56%, #ffffff 100%);
  background: -ms-linear-gradient(top, #7286a7 0%, #7286a7 13%, #ffffff 50%, #812f30 56%, #ffffff 100%);
  background: linear-gradient(to bottom, #7286a7 0%, #7286a7 13%, #ffffff 50%, #812f30 56%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7286a7', endColorstr='#ffffff', GradientType=0);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.horizon .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: 0.01em 0em 0 #161616, 0em 0.01em 0 #8d8d8d,0.02em 0.01em 0 #161616, 0.01em 0.02em 0 #8d8d8d,0.03em 0.02em 0 #161616, 0.02em 0.03em 0 #8d8d8d,0.04em 0.03em 0 #161616, 0.03em 0.04em 0 #8d8d8d,0.05em 0.04em 0 #161616, 0.04em 0.05em 0 #8d8d8d,0.06em 0.05em 0 #161616, 0.05em 0.06em 0 #8d8d8d,0.07em 0.06em 0 #161616, 0.06em 0.07em 0 #8d8d8d,0.08em 0.07em 0 #161616, 0.07em 0.08em 0 #8d8d8d,0.09em 0.08em 0 #161616, 0.08em 0.09em 0 #8d8d8d,0.1em 0.09em 0 #161616, 0.09em 0.1em 0 #8d8d8d;
}
.blues .text {
  font-size: 1.22em;
  font-family: Impact;
  color: #24c0fd;
  -webkit-text-stroke: 0.02em #0000aa;
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#0000aa, Strength=1);
  text-shadow: 0.13em -0.13em 0px #0000aa;
  letter-spacing: -0.05em;
}
.sunset {
  transform: scale(1, 1.2);
  -webkit-transform: scale(1, 1.2);
  -moz-transform: scale(1, 1.2);
  -o-transform: scale(1, 1.2);
  -ms-transform: scale(1, 1.2);
  font-size: 1.1em;
}
.sunset .text {
  font-family: Times, 'Times New Roman', serif;
  background: #fafacc;
  background: url(./sunset.svg);
  background: -moz-linear-gradient(top, #fafacc 0%, #f3919b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafacc), color-stop(100%, #f3919b));
  background: -webkit-linear-gradient(top, #fafacc 0%, #f3919b 100%);
  background: -o-linear-gradient(top, #fafacc 0%, #f3919b 100%);
  background: -ms-linear-gradient(top, #fafacc 0%, #f3919b 100%);
  background: linear-gradient(to bottom, #fafacc 0%, #f3919b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafacc', endColorstr='#f3919b', GradientType=0);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sunset .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: -0.01em 0em 0 #081a33, 0em -0.01em 0 #114491,-0.02em -0.01em 0 #081a33, -0.01em -0.02em 0 #114491,-0.03em -0.02em 0 #081a33, -0.02em -0.03em 0 #114491,-0.04em -0.03em 0 #081a33, -0.03em -0.04em 0 #114491,-0.05em -0.04em 0 #081a33, -0.04em -0.05em 0 #114491,-0.06em -0.05em 0 #081a33, -0.05em -0.06em 0 #114491,-0.07em -0.06em 0 #081a33, -0.06em -0.07em 0 #114491,-0.08em -0.07em 0 #081a33, -0.07em -0.08em 0 #114491;
}
.superhero {
  transform: skew(0, -15deg) scale(1, 1.5);
  -webkit-transform: skew(0, -15deg) scale(1, 1.5);
  -moz-transform: skew(0, -15deg) scale(1, 1.5);
  -o-transform: skew(0, -15deg) scale(1, 1.5);
  -ms-transform: skew(0, -15deg) scale(1, 1.5);
  font-size: 1.12em;
}
.superhero .text {
  font-family: Impact;
  background: #fdea00;
  background: url(./superhero.svg);
  background: -moz-linear-gradient(top, #fdea00 0%, #fdcf00 44%, #fc2700 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdea00), color-stop(44%, #fdcf00), color-stop(100%, #fc2700));
  background: -webkit-linear-gradient(top, #fdea00 0%, #fdcf00 44%, #fc2700 100%);
  background: -o-linear-gradient(top, #fdea00 0%, #fdcf00 44%, #fc2700 100%);
  background: -ms-linear-gradient(top, #fdea00 0%, #fdcf00 44%, #fc2700 100%);
  background: linear-gradient(to bottom, #fdea00 0%, #fdcf00 44%, #fc2700 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdea00', endColorstr='#fc2700', GradientType=0);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.superhero .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: 0.01em 0em 0 #802700, 0em 0.01em 0 #c23d00,0.02em 0.01em 0 #802700, 0.01em 0.02em 0 #c23d00,0.03em 0.02em 0 #802700, 0.02em 0.03em 0 #c23d00,0.04em 0.03em 0 #802700, 0.03em 0.04em 0 #c23d00,0.05em 0.04em 0 #802700, 0.04em 0.05em 0 #c23d00,0.06em 0.05em 0 #802700, 0.05em 0.06em 0 #c23d00,0.07em 0.06em 0 #802700, 0.06em 0.07em 0 #c23d00,0.08em 0.07em 0 #802700, 0.07em 0.08em 0 #c23d00;
}
.graydient {
  font-size: 0.88em;
  transform: scaleY(1.3);
}
.graydient .text {
  font-family: Arial;
  font-weight: bold;
  letter-spacing: 0.08em;
  background: #9d9d9d;
  background: url(./graydient.svg);
  background: -moz-linear-gradient(top, #9d9d9d 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9d9d9d), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #9d9d9d 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #9d9d9d 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #9d9d9d 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #9d9d9d 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d9d9d', endColorstr='#ffffff', GradientType=0);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.graydient .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: 0.03em 0.03em #5b5b5b;
}
.outline {
  transform: scale(1, 1.2);
  -webkit-transform: scale(1, 1.2);
  -moz-transform: scale(1, 1.2);
  -o-transform: scale(1, 1.2);
  -ms-transform: scale(1, 1.2);
}
.outline .text {
  letter-spacing: -0.01em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  -webkit-text-stroke: 0.03em #000;
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000, Strength=1);
}
.italic-outline {
  transform: scale(1, 1.3);
  -webkit-transform: scale(1, 1.3);
  -moz-transform: scale(1, 1.3);
  -o-transform: scale(1, 1.3);
  -ms-transform: scale(1, 1.3);
}
.italic-outline .text {
  letter-spacing: -0.01em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #fff;
  -webkit-text-stroke: 0.01em #000;
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000, Strength=1);
  text-shadow: 0.03em 0.03em 0 #6D6D6D;
}
.slate {
  transform: scale(1, 1.5);
  -webkit-transform: scale(1, 1.5);
  -moz-transform: scale(1, 1.5);
  -o-transform: scale(1, 1.5);
  -ms-transform: scale(1, 1.5);
}
.slate .text {
  font-family: Times, 'Times New Roman', serif;
  color: #2F5485;
  text-shadow: 0.03em 0.03em 0px #B3B3B3;
}
.radial {
  transform: scale(1, 1.2);
  -webkit-transform: scale(1, 1.2);
  -moz-transform: scale(1, 1.2);
  -o-transform: scale(1, 1.2);
  -ms-transform: scale(1, 1.2);
  font-size: 1.15em;
}
.radial .text {
  background: #fffa28;
  background: url(./radial.svg);
  background: -moz-radial-gradient(center, ellipse cover, #fffa28 0%, #ec8a39 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fffa28), color-stop(100%, #ec8a39));
  background: -webkit-radial-gradient(center, ellipse cover, #fffa28 0%, #ec8a39 100%);
  background: -o-radial-gradient(center, ellipse cover, #fffa28 0%, #ec8a39 100%);
  background: -ms-radial-gradient(center, ellipse cover, #fffa28 0%, #ec8a39 100%);
  background: radial-gradient(ellipse at center, #fffa28 0%, #ec8a39 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffa28', endColorstr='#ec8a39', GradientType=1);
  font-family: Impact, sans-serif;
  font-weight: bold;
}
.radial .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: 0.03em 0.03em 0px #B3B3B3;
}
.paper-bag {
  transform: scale(1, 1.3);
  -webkit-transform: scale(1, 1.3);
  -moz-transform: scale(1, 1.3);
  -o-transform: scale(1, 1.3);
  -ms-transform: scale(1, 1.3);
}
.paper-bag .text {
  letter-spacing: -0.03em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  background: url(./paperbag.png);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.paper-bag .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: 0.06em 0 0px #130C02;
}
.chrome {
  transform: scale(1, 1.3);
  -webkit-transform: scale(1, 1.3);
  -moz-transform: scale(1, 1.3);
  -o-transform: scale(1, 1.3);
  -ms-transform: scale(1, 1.3);
  font-size: 1.1em;
}
.chrome .text {
  font-family: Times, 'Times New Roman', serif;
  background: #b5b5b5;
  background: url(./chrome.svg);
  background: -moz-linear-gradient(top, #b5b5b5 0%, #4f4f4f 23%, #f9f9f9 64%, #212121 69%, #d3d3d3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5b5b5), color-stop(23%, #4f4f4f), color-stop(64%, #f9f9f9), color-stop(69%, #212121), color-stop(100%, #d3d3d3));
  background: -webkit-linear-gradient(top, #b5b5b5 0%, #4f4f4f 23%, #f9f9f9 64%, #212121 69%, #d3d3d3 100%);
  background: -o-linear-gradient(top, #b5b5b5 0%, #4f4f4f 23%, #f9f9f9 64%, #212121 69%, #d3d3d3 100%);
  background: -ms-linear-gradient(top, #b5b5b5 0%, #4f4f4f 23%, #f9f9f9 64%, #212121 69%, #d3d3d3 100%);
  background: linear-gradient(to bottom, #b5b5b5 0%, #4f4f4f 23%, #f9f9f9 64%, #212121 69%, #d3d3d3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b5b5', endColorstr='#d3d3d3', GradientType=0);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.chrome .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: -0.01em 0em 0 #2b2b2b, 0em -0.01em 0 #6d6d6d,-0.02em -0.01em 0 #2b2b2b, -0.01em -0.02em 0 #6d6d6d,-0.03em -0.02em 0 #2b2b2b, -0.02em -0.03em 0 #6d6d6d,-0.04em -0.03em 0 #2b2b2b, -0.03em -0.04em 0 #6d6d6d,-0.05em -0.04em 0 #2b2b2b, -0.04em -0.05em 0 #6d6d6d,-0.06em -0.05em 0 #2b2b2b, -0.05em -0.06em 0 #6d6d6d;
}
.up {
  transform: skew(0, -15deg) scale(1, 1.4);
  -webkit-transform: skew(0, -15deg) scale(1, 1.4);
  -moz-transform: skew(0, -15deg) scale(1, 1.4);
  -o-transform: skew(0, -15deg) scale(1, 1.4);
  -ms-transform: skew(0, -15deg) scale(1, 1.4);
}
.up .text {
  letter-spacing: -0.04em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #000;
}
.purple {
  transform: skew(0, -10deg) scale(1, 1.5);
  -webkit-transform: skew(0, -10deg) scale(1, 1.5);
  -moz-transform: skew(0, -10deg) scale(1, 1.5);
  -o-transform: skew(0, -10deg) scale(1, 1.5);
  -ms-transform: skew(0, -10deg) scale(1, 1.5);
  font-size: 1.15em;
}
.purple .text {
  letter-spacing: -0.01em;
  font-family: Impact;
  background: #4222be;
  background: url(./purple.svg);
  background: -moz-linear-gradient(top, #4222be 0%, #a62cc1 73%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4222be), color-stop(73%, #a62cc1));
  background: -webkit-linear-gradient(top, #4222be 0%, #a62cc1 73%);
  background: -o-linear-gradient(top, #4222be 0%, #a62cc1 73%);
  background: -ms-linear-gradient(top, #4222be 0%, #a62cc1 73%);
  background: linear-gradient(to bottom, #4222be 0%, #a62cc1 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4222be', endColorstr='#a62cc1', GradientType=0);
  -webkit-text-stroke: 0.01em #B28FFD;
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#b28ffd, Strength=1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.purple .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: 0.03em 0.03em 0 #828DFB;
}
.marble-slab {
  display: inline-block;
  font-size: 1.23em;
  transform: scale(1, 1.2) perspective(1em) rotateY(8deg) rotateZ(-7deg) translateX(6%) translateZ(-0.4em);
  -webkit-transform: scale(1, 1.2) perspective(1em) rotateY(8deg) rotateZ(-7deg) translateX(6%) translateZ(-0.4em);
  -moz-transform: scale(1, 1.2) perspective(1em) rotateY(8deg) rotateZ(-7deg) translateX(6%) translateZ(-0.4em);
  -o-transform: scale(1, 1.2) perspective(1em) rotateY(8deg) rotateZ(-7deg) translateX(6%) translateZ(-0.4em);
  -ms-transform: scale(1, 1.2) perspective(1em) rotateY(8deg) rotateZ(-7deg) translateX(6%) translateZ(-0.4em);
}
.marble-slab .text {
  font-family: Arial, sans-serif;
  font-weight: bold;
  background: url(./marble-slab.png);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.marble-slab .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: -0.01em 0em 0 #030b00, 0em -0.01em 0 #1e4100,-0.02em -0.01em 0 #030b00, -0.01em -0.02em 0 #1e4100,-0.03em -0.02em 0 #030b00, -0.02em -0.03em 0 #1e4100,-0.04em -0.03em 0 #030b00, -0.03em -0.04em 0 #1e4100,-0.05em -0.04em 0 #030b00, -0.04em -0.05em 0 #1e4100,-0.06em -0.05em 0 #030b00, -0.05em -0.06em 0 #1e4100,-0.07em -0.06em 0 #030b00, -0.06em -0.07em 0 #1e4100,-0.08em -0.07em 0 #030b00, -0.07em -0.08em 0 #1e4100,-0.09em -0.08em 0 #030b00, -0.08em -0.09em 0 #1e4100,-0.1em -0.09em 0 #030b00, -0.09em -0.1em 0 #1e4100,-0.11em -0.1em 0 #030b00, -0.1em -0.11em 0 #1e4100,-0.12em -0.11em 0 #030b00, -0.11em -0.12em 0 #1e4100,-0.13em -0.12em 0 #030b00, -0.12em -0.13em 0 #1e4100,-0.14em -0.13em 0 #030b00, -0.13em -0.14em 0 #1e4100,-0.15em -0.14em 0 #030b00, -0.14em -0.15em 0 #1e4100,-0.16em -0.15em 0 #030b00, -0.15em -0.16em 0 #1e4100,-0.17em -0.16em 0 #030b00, -0.16em -0.17em 0 #1e4100,-0.18em -0.17em 0 #030b00, -0.17em -0.18em 0 #1e4100,-0.19em -0.18em 0 #030b00, -0.18em -0.19em 0 #1e4100,-0.2em -0.19em 0 #030b00, -0.19em -0.2em 0 #1e4100;
}
.mauve {
  transform: scale(1, 1.4);
  -webkit-transform: scale(1, 1.4);
  -moz-transform: scale(1, 1.4);
  -o-transform: scale(1, 1.4);
  -ms-transform: scale(1, 1.4);
}
.mauve .text {
  letter-spacing: -0.03em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  background: url(./mauve.png);
  -webkit-text-stroke: 0.01em #1932BD;
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#1932bd, Strength=1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mauve .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: 0.03em 0.03em 0 #828DFB;
}
.tilt {
  display: inline-block;
  font-size: 1.35em;
  transform: scaleY(2) perspective(1em) rotateX(15deg) translate3d(-19%, -14%, -0.4em);
  -webkit-transform: scaleY(2) perspective(1em) rotateX(15deg) translate3d(-19%, -14%, -0.4em);
  -moz-transform: scaleY(2) perspective(1em) rotateX(15deg) translate3d(-19%, -14%, -0.4em);
  -o-transform: scaleY(2) perspective(1em) rotateX(15deg) translate3d(-19%, -14%, -0.4em);
  -ms-transform: scaleY(2) perspective(1em) rotateX(15deg) translate3d(-19%, -14%, -0.4em);
}
.tilt .text {
  font-family: Arial, sans-serif;
  font-weight: bold;
  background: #390c0b;
  background: url(./tilt.svg);
  background: -moz-linear-gradient(top, #390c0b 0%, #f6bf28 73%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #390c0b), color-stop(73%, #f6bf28));
  background: -webkit-linear-gradient(top, #390c0b 0%, #f6bf28 73%);
  background: -o-linear-gradient(top, #390c0b 0%, #f6bf28 73%);
  background: -ms-linear-gradient(top, #390c0b 0%, #f6bf28 73%);
  background: linear-gradient(to bottom, #390c0b 0%, #f6bf28 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#390c0b', endColorstr='#f6bf28', GradientType=0);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.01em;
  -webkit-text-stroke: 0.01em #A3A3A3;
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#a3a3a3, Strength=1);
}
.tilt .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  top: 0.17em;
  -webkit-text-fill-color: #6D4916;
  -webkit-background-clip: border-box;
  transform: perspective(1em) rotateX(65deg) scale(0.77);
  -webkit-transform: perspective(1em) rotateX(65deg) scale(0.77);
  -moz-transform: perspective(1em) rotateX(65deg) scale(0.77);
  -o-transform: perspective(1em) rotateX(65deg) scale(0.77);
  -ms-transform: perspective(1em) rotateX(65deg) scale(0.77);
}
.yellow-dash {
  display: inline-block;
  font-size: 1.65em;
  transform-origin: 0 0 0;
  transform: perspective(1em) rotateY(-6deg) rotateZ(-4deg) scaleY(1.6) translateY(10%) translateZ(-1.1em);
  -webkit-transform: perspective(1em) rotateY(-6deg) rotateZ(-4deg) scaleY(1.6) translateY(10%) translateZ(-1.1em);
  -moz-transform: perspective(1em) rotateY(-6deg) rotateZ(-4deg) scaleY(1.6) translateY(10%) translateZ(-1.1em);
  -o-transform: perspective(1em) rotateY(-6deg) rotateZ(-4deg) scaleY(1.6) translateY(10%) translateZ(-1.1em);
  -ms-transform: perspective(1em) rotateY(-6deg) rotateZ(-4deg) scaleY(1.6) translateY(10%) translateZ(-1.1em);
}
.yellow-dash .text {
  letter-spacing: -0.03em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  background: url(./yellow-dash.png);
  -webkit-text-stroke: 0.01em #000;
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000, Strength=1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.yellow-dash .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: 0.04em 0.04em 0 #6d6d6d;
}
.gray-block {
  display: inline-block;
  font-size: 1.42em;
  transform: perspective(1em) rotateY(5deg) skewY(20deg) scaleY(1.2) translateZ(-0.4em);
  -webkit-transform: perspective(1em) rotateY(5deg) skewY(20deg) scaleY(1.2) translateZ(-0.4em);
  -moz-transform: perspective(1em) rotateY(5deg) skewY(20deg) scaleY(1.2) translateZ(-0.4em);
  -o-transform: perspective(1em) rotateY(5deg) skewY(20deg) scaleY(1.2) translateZ(-0.4em);
  -ms-transform: perspective(1em) rotateY(5deg) skewY(20deg) scaleY(1.2) translateZ(-0.4em);
}
.gray-block .text {
  font-family: Impact;
  background: #606060;
  background: url(./gray-block.svg);
  background: -moz-linear-gradient(left, #606060 0%, #ffffff 50%, #606060 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #606060), color-stop(50%, #ffffff), color-stop(100%, #606060));
  background: -webkit-linear-gradient(left, #606060 0%, #ffffff 50%, #606060 100%);
  background: -o-linear-gradient(left, #606060 0%, #ffffff 50%, #606060 100%);
  background: -ms-linear-gradient(left, #606060 0%, #ffffff 50%, #606060 100%);
  background: linear-gradient(to right, #606060 0%, #ffffff 50%, #606060 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#606060', GradientType=1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gray-block .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: -0.01em 0em 0 #60614b, 0em 0.01em 0 #27271f,-0.02em 0.01em 0 #60614b, -0.01em 0.02em 0 #27271f,-0.03em 0.02em 0 #60614b, -0.02em 0.03em 0 #27271f,-0.04em 0.03em 0 #60614b, -0.03em 0.04em 0 #27271f,-0.05em 0.04em 0 #60614b, -0.04em 0.05em 0 #27271f,-0.06em 0.05em 0 #60614b, -0.05em 0.06em 0 #27271f,-0.07em 0.06em 0 #60614b, -0.06em 0.07em 0 #27271f,-0.08em 0.07em 0 #60614b, -0.07em 0.08em 0 #27271f,-0.09em 0.08em 0 #60614b, -0.08em 0.09em 0 #27271f,-0.1em 0.09em 0 #60614b, -0.09em 0.1em 0 #27271f,-0.11em 0.1em 0 #60614b, -0.1em 0.11em 0 #27271f,-0.12em 0.11em 0 #60614b, -0.11em 0.12em 0 #27271f,-0.13em 0.12em 0 #60614b, -0.12em 0.13em 0 #27271f,-0.14em 0.13em 0 #60614b, -0.13em 0.14em 0 #27271f,-0.15em 0.14em 0 #60614b, -0.14em 0.15em 0 #27271f,-0.16em 0.15em 0 #60614b, -0.15em 0.16em 0 #27271f,-0.17em 0.16em 0 #60614b, -0.16em 0.17em 0 #27271f,-0.18em 0.17em 0 #60614b, -0.17em 0.18em 0 #27271f,-0.19em 0.18em 0 #60614b, -0.18em 0.19em 0 #27271f,-0.2em 0.19em 0 #60614b, -0.19em 0.2em 0 #27271f,-0.21em 0.2em 0 #60614b, -0.2em 0.21em 0 #27271f,-0.22em 0.21em 0 #60614b, -0.21em 0.22em 0 #27271f,-0.23em 0.22em 0 #60614b, -0.22em 0.23em 0 #27271f,-0.24em 0.23em 0 #60614b, -0.23em 0.24em 0 #27271f,-0.25em 0.24em 0 #60614b, -0.24em 0.25em 0 #27271f,-0.26em 0.25em 0 #60614b, -0.25em 0.26em 0 #27271f,-0.27em 0.26em 0 #60614b, -0.26em 0.27em 0 #27271f,-0.28em 0.27em 0 #60614b, -0.27em 0.28em 0 #27271f,-0.29em 0.28em 0 #60614b, -0.28em 0.29em 0 #27271f,-0.3em 0.29em 0 #60614b, -0.29em 0.3em 0 #27271f;
}
.aqua {
  transform: scaleY(1.3);
  -webkit-transform: scaleY(1.3);
  -moz-transform: scaleY(1.3);
  -o-transform: scaleY(1.3);
  -ms-transform: scaleY(1.3);
  font-size: 1.1em;
}
.aqua .text {
  letter-spacing: -0.01em;
  font-family: Times, 'Times New Roman', serif;
  background: #828dfb;
  background: url(./aqua.svg);
  background: -moz-linear-gradient(top, #828dfb 0%, #378484 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #828dfb), color-stop(100%, #378484));
  background: -webkit-linear-gradient(top, #828dfb 0%, #378484 100%);
  background: -o-linear-gradient(top, #828dfb 0%, #378484 100%);
  background: -ms-linear-gradient(top, #828dfb 0%, #378484 100%);
  background: linear-gradient(to bottom, #828dfb 0%, #378484 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#828dfb', endColorstr='#378484', GradientType=0);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.aqua .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: 0.04em 0.04em 0 #B3B3B3;
}
.red-blue {
  transform: scale(1, 1.2);
  -webkit-transform: scale(1, 1.2);
  -moz-transform: scale(1, 1.2);
  -o-transform: scale(1, 1.2);
  -ms-transform: scale(1, 1.2);
  font-size: 1.15em;
}
.red-blue .text {
  font-family: Impact, sans-serif;
  font-weight: bold;
  color: #1657BD;
  -webkit-text-stroke: 0.01em #91C2FC;
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#91c2fc, Strength=1);
}
.red-blue .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: 0.04em 0.04em 0 #771515;
}
.basic-stack {
  transform: scaleY(0.75);
  -webkit-transform: scaleY(0.75);
  -moz-transform: scaleY(0.75);
  -o-transform: scaleY(0.75);
  -ms-transform: scaleY(0.75);
  transform-origin: 0 50% 0;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  line-height: 0.8em;
  width: 1em;
  word-wrap: break-word;
  letter-spacing: 0.27em;
}
.basic-stack .text {
  display: block;
}
.basic-stack .text:before {
  display: block;
  text-align: center;
  color: transparent;
  width: 100%;
  word-wrap: break-word;
  letter-spacing: 0.27em;
}
.basic-stack .text {
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.brown-stack {
  transform: scaleY(0.75);
  -webkit-transform: scaleY(0.75);
  -moz-transform: scaleY(0.75);
  -o-transform: scaleY(0.75);
  -ms-transform: scaleY(0.75);
  transform-origin: 0 50% 0;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  line-height: 0.8em;
  width: 1em;
  word-wrap: break-word;
  letter-spacing: 0.27em;
}
.brown-stack .text {
  display: block;
}
.brown-stack .text:before {
  display: block;
  text-align: center;
  color: transparent;
  width: 100%;
  word-wrap: break-word;
  letter-spacing: 0.27em;
}
.brown-stack .text {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #601111;
}
.brown-stack .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: 0.05em 0.05em 0 #adadad;
}
.texture-stack {
  transform: scaleY(0.75);
  -webkit-transform: scaleY(0.75);
  -moz-transform: scaleY(0.75);
  -o-transform: scaleY(0.75);
  -ms-transform: scaleY(0.75);
  transform-origin: 0 50% 0;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  line-height: 0.8em;
  width: 1em;
  word-wrap: break-word;
  letter-spacing: 0.27em;
}
.texture-stack .text {
  display: block;
}
.texture-stack .text:before {
  display: block;
  text-align: center;
  color: transparent;
  width: 100%;
  word-wrap: break-word;
  letter-spacing: 0.27em;
}
.texture-stack .text {
  font-family: Times, 'Times New Roman', serif;
  font-weight: bold;
  background: url(./texture-stack.png);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.texture-stack .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: 0.04em 0.04em 0 #b5b5b5;
}
.green-stack {
  transform: scaleY(0.75);
  -webkit-transform: scaleY(0.75);
  -moz-transform: scaleY(0.75);
  -o-transform: scaleY(0.75);
  -ms-transform: scaleY(0.75);
  transform-origin: 0 50% 0;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  line-height: 0.8em;
  width: 1em;
  word-wrap: break-word;
  letter-spacing: 0.27em;
  transform: skew(0, -10deg) scaleY(0.75);
  -webkit-transform: skew(0, -10deg) scaleY(0.75);
  -moz-transform: skew(0, -10deg) scaleY(0.75);
  -o-transform: skew(0, -10deg) scaleY(0.75);
  -ms-transform: skew(0, -10deg) scaleY(0.75);
}
.green-stack .text {
  display: block;
}
.green-stack .text:before {
  display: block;
  text-align: center;
  color: transparent;
  width: 100%;
  word-wrap: break-word;
  letter-spacing: 0.27em;
}
.green-stack .text {
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #71F504;
}
.green-stack .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: -0.09em 0.09em 0 #00116b;
}
.stack-3d {
  transform: scaleY(0.75);
  -webkit-transform: scaleY(0.75);
  -moz-transform: scaleY(0.75);
  -o-transform: scaleY(0.75);
  -ms-transform: scaleY(0.75);
  transform-origin: 0 50% 0;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  line-height: 0.8em;
  width: 1em;
  word-wrap: break-word;
  letter-spacing: 0.27em;
  transform: skew(0, 10deg) scaleY(0.75) translateX(16%);
  -webkit-transform: skew(0, 10deg) scaleY(0.75) translateX(16%);
  -moz-transform: skew(0, 10deg) scaleY(0.75) translateX(16%);
  -o-transform: skew(0, 10deg) scaleY(0.75) translateX(16%);
  -ms-transform: skew(0, 10deg) scaleY(0.75) translateX(16%);
}
.stack-3d .text {
  display: block;
}
.stack-3d .text:before {
  display: block;
  text-align: center;
  color: transparent;
  width: 100%;
  word-wrap: break-word;
  letter-spacing: 0.27em;
}
.stack-3d .text {
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #4E0E0E;
}
.stack-3d .text:before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  text-shadow: -0.01em 0em 0 #7c3e2c, 0em 0.01em 0 #e8703c,-0.02em 0.01em 0 #7c3e2c, -0.01em 0.02em 0 #e8703c,-0.03em 0.02em 0 #7c3e2c, -0.02em 0.03em 0 #e8703c,-0.04em 0.03em 0 #7c3e2c, -0.03em 0.04em 0 #e8703c,-0.05em 0.04em 0 #7c3e2c, -0.04em 0.05em 0 #e8703c,-0.06em 0.05em 0 #7c3e2c, -0.05em 0.06em 0 #e8703c,-0.07em 0.06em 0 #7c3e2c, -0.06em 0.07em 0 #e8703c,-0.08em 0.07em 0 #7c3e2c, -0.07em 0.08em 0 #e8703c,-0.09em 0.08em 0 #7c3e2c, -0.08em 0.09em 0 #e8703c,-0.1em 0.09em 0 #7c3e2c, -0.09em 0.1em 0 #e8703c,-0.11em 0.1em 0 #7c3e2c, -0.1em 0.11em 0 #e8703c,-0.12em 0.11em 0 #7c3e2c, -0.11em 0.12em 0 #e8703c,-0.13em 0.12em 0 #7c3e2c, -0.12em 0.13em 0 #e8703c,-0.14em 0.13em 0 #7c3e2c, -0.13em 0.14em 0 #e8703c,-0.15em 0.14em 0 #7c3e2c, -0.14em 0.15em 0 #e8703c,-0.16em 0.15em 0 #7c3e2c, -0.15em 0.16em 0 #e8703c,-0.17em 0.16em 0 #7c3e2c, -0.16em 0.17em 0 #e8703c,-0.18em 0.17em 0 #7c3e2c, -0.17em 0.18em 0 #e8703c,-0.19em 0.18em 0 #7c3e2c, -0.18em 0.19em 0 #e8703c,-0.2em 0.19em 0 #7c3e2c, -0.19em 0.2em 0 #e8703c;
}
/* CURRENTLY NOT ACHIEVABLE WITH CSS3 :( */
.arc .text {
  letter-spacing: -0.04em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #000;
}
.squeeze {
  transform: scaleY(1.3);
  -webkit-transform: scaleY(1.3);
  -moz-transform: scaleY(1.3);
  -o-transform: scaleY(1.3);
  -ms-transform: scaleY(1.3);
}
.squeeze .text {
  font-family: Impact, sans-serif;
  font-weight: bold;
  color: #000;
}
.inverted-arc .text {
  font-family: Times, 'Times New Roman', serif;
  font-weight: bold;
  color: #000;
}
.test {
  font-size: 100px;
}
/* -------------------------------------
 ___  ___
| _ )/ __|
| _ \ (_ |
|___/\___|

 -------------------------------------- */
.background {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.background .wordart {
  position: absolute;
  top: -500px;
  left: -500px;
}
.background .rotateY {
  -webkit-animation: rotateY 2s infinite linear;
}
.background .rotateX {
  -webkit-animation: rotateX 2s infinite linear;
}
.background .rotateZ {
  -webkit-animation: rotateZ 2s infinite linear;
}
@-webkit-keyframes rotateY {
  from {
    -webkit-transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
  }
}
@-webkit-keyframes rotateX {
  from {
    -webkit-transform: rotateX(0deg);
  }
  to {
    -webkit-transform: rotateX(360deg);
  }
}
@-webkit-keyframes rotateZ {
  from {
    -webkit-transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
  }
}