html {
	height: 100%;
}
body {
	min-height: 100%
}

canvas {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
}

 
.bgVideo {
	z-index:10;
	filter: blur(11px);
	position: fixed;
	right: -5%;
	bottom: -5%;
	min-width: 110%;
	min-height: 110%;
}
iframe {
	z-index:1000;
	position:relative;
}


#homepage {
	min-height: 100vh;
	position: relative;
	z-index: 70;
}

button.close {
	color: #555;
}

button.close:hover {
	color: #0f0;
}


body.modal-open #homepage {
	filter: blur(11px);
}
.modal-backdrop {
    background-color: #0f0;
}
/*
.modal-backdrop.show {
    opacity: .75;
}*/



#level1 {

}

#level1 .card img {
	-webkit-filter: invert(90%) hue-rotate(175deg) blur(5px) grayscale(0.6);
	filter: invert(90%) hue-rotate(175deg) blur(5px) grayscale(0.6);
	transition: filter 200ms ease;
}

#level1 .card:hover img {
	-webkit-filter: none;
	filter: none;
}



#level1 .card form,
#level1 .card .card-title {
	transition: opacity 200ms ease;
	opacity: .2;
}
#level1 .card .card-title {
	opacity: 0;
}
#level1 .card:hover form,
#level1 .card:hover .card-title {
	opacity: 1;
}

form input[type=text] {
	text-transform: uppercase;
}



.Iam {
  /*padding: 2em 5em;*/
  /*font: normal 40px/50px Montserrat, sans-serif;*/
  font-size: 40px;
  line-height: 50px;
  color: #999;
}
.Iam p {
  height: 50px;
  float: left;
  margin-right: 0.3em;
}
.Iam b {
  float: right;
  overflow: hidden;
  position: relative;
  height: 50px;
  /*top: 40px;*/
}
.Iam .innerIam {
  display: inline-block;
  /*color: #e74c3c;*/
  color: #0f0;
  position: relative;
  white-space: nowrap;
  top: 0;
  left: 0;


/*animation*/
-webkit-animation:move 5s;
   -moz-animation:move 5s;
    -ms-animation:move 5s;
     -o-animation:move 5s;
        animation:move 5s;
/*animation-iteration-count*/
-webkit-animation-iteration-count:infinite;
   -moz-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
     -o-animation-iteration-count:infinite;
        animation-iteration-count:infinite;
/*animation-delay*/
-webkit-animation-delay:1s;
   -moz-animation-delay:1s;
    -ms-animation-delay:1s;
     -o-animation-delay:1s;
        animation-delay:1s;
}
@keyframes move{
0%  { top: 0px; }
20% { top: -50px; }
40% { top: -100px; }
60% { top: -150px; }
80% { top: -200px; }
}

@-webkit-keyframes move {
    0%  { top: 0px; }
    20% { top: -50px; }
    40% { top: -100px; }
    60% { top: -150px; }
    80% { top: -200px; }
}
@-moz-keyframes move {
    0%  { top: 0px; }
    20% { top: -50px; }
    40% { top: -100px; }
    60% { top: -150px; }
    80% { top: -200px; }
}
@-o-keyframes move {
    0%  { top: 0px; }
    20% { top: -50px; }
    40% { top: -100px; }
    60% { top: -150px; }
    80% { top: -200px; }
}
@keyframes move {
    0%  { top: 0px; }
    20% { top: -50px; }
    40% { top: -100px; }
    60% { top: -150px; }
    80% { top: -200px; }
}



.mejs__playlist-current-title {
	font-size: 0.8rem !important;
	color: #0f0;
}
.mejs__playlist-current {
	font-size: 0;
}
.mejs__playlist-layer {
	display: none !important;
	font-size: 0;
}

.mejs__container {
	min-height: auto !important;
}

.mejs-playlist-item-content, .mejs__playlist-item-content {
	padding:4px 10px !important;
}


.mejs-container.mejs-audio .mejs-playlist-item-content, .mejs__container.mejs__audio .mejs__playlist-item-content {
	font-size: 0.5rem !important;
}






/*https://codepen.io/ConnorGaunt/pen/OReXZB/*/

/* CSS Needed to make it work (Wrote not using SCSS at all copy and paste away)
// copy and paste into your CSS and the cursor should appear when typing begins*/
.text-js{
  opacity: 0;
}
.cursor{
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  right: -5px;
  width: 2px;
  /* Change colour of Cursor Here */
  background-color: #444;
  z-index: 1;
  animation: flash 1s none infinite alternate;
}
@keyframes flash{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}




















:root {
  /*font-size: calc(16px + (20 - 16) * (100vw - 320px)/(980 - 320));*/
  --rotateTimes: 0;
}
/*
body {
  background-color: #002;
  background-image: radial-gradient(circle at center, #045, #002);
  color: #fff;
  font: 1em "Open Sans", sans-serif;
  height: 100vh;
  line-height: 1.5;
}*/

nav#bubbles {
	/*background: rgba(0,0,0,1);
	box-shadow: 0px 0px 124px 117px rgba(0,0,0,1);
*/
	font-size: calc(16px + (20 - 16) * (100vw - 320px)/(980 - 320));
}
#bubbles > ul > li > a > span {
	background:black; padding:2px; border-radius:3px;
}

nav#bubbles, nav#bubbles ul, nav#bubbles li {
  transform-style: preserve-3d;
  z-index: 100;
}

nav#bubbles, nav#bubbles li {
  position: absolute;
  top: 50%;
  left: 50%;
}

nav#bubbles, nav#bubbles li a {
  border-radius: 50%;
}

nav#bubbles {
  width: 18em;
  height: 18em;
  transform: translate(-50%, -50%) rotateX(75deg);
}

nav#bubbles ul, nav#bubbles li a {
  width: 100%;
  height: 100%;
}

nav#bubbles ul {
  list-style: none;
}

nav#bubbles li {
  animation: idle 4s ease-in-out infinite;
  text-align: center;
  width: 5em;
  height: 5em;
  transform: translate(-50%, -50%);
}
nav#bubbles li a {
  box-shadow: 0 0 0 0.1em #0f0 inset, 0 0 1em #0f0 inset, 0 0 2em 0.5em #000;
  color: currentColor;
  display: inline-block;
  text-decoration: none;
  transition: transform 0.4s linear,  box-shadow 0.15s linear,  margin 0.1s linear,  width 0.1s linear,  height 0.1s linear;
}
nav#bubbles li a span {
  transition: color 0.15s linear;
}
nav#bubbles li a:before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  opacity: 0.5;
  position: absolute;
  top: 0.75em;
  left: 0.75em;
  width: 1em;
  height: 0.5em;
  transform: rotate(-45deg);
}
/*nav#bubbles li a:focus,*/ nav#bubbles li a.current {
  box-shadow: 0 0 0 0.1em #ff0 inset, 0 0 1em #ff0 inset;
  outline: 0;
}
/*nav#bubbles li a:focus span,*/ nav#bubbles li a.current span {
  color: #ff0;
}
.circle {
	position: absolute !important;
	top: 4px !important;
	left: 4px !important;
}
.circle .slice {
	opacity: 1;
	display: block;
	/*transition: zoom 0.1s linear;*/
	transition: opacity 0.1s linear;
}
.circle,
.c100:after {
	background: transparent !important;
}
nav#bubbles li a:hover {
  margin: -5% 0 0 -5%;
  width: 110%;
  height: 110%;
}
/*nav#bubbles li a:hover .circle,*/
nav#bubbles li a:hover .circle .slice {
	opacity: 0;
	display: none;
}
nav#bubbles li a:hover .circle:after {
    top: 0.03em;
    left: 0.03em;
    width: 1.16em;
    height: 1.16em;
}
nav#bubbles li a:hover .circle .slice .bar {
 /* margin: -5% 0 0 -5%;
  width: 110%;
  height: 110%;*/
  /*zoom:1;*/
}
nav#bubbles li a:hover svg {
  width: 3em;
  height: 3em;
}
nav#bubbles li a {
	color:#0f0;
}
nav#bubbles li.locked a {
	color:gray;
	box-shadow: 0 0 0 0.1em #444 inset, 0 0 1em #444 inset, 0 0 2em 0.5em #000;
}
nav#bubbles li.current a {
	color:red;
	box-shadow: 0 0 0 0.1em red inset, 0 0 1em red inset, 0 0 2em 0.5em #000;
}
@media (prefers-reduced-motion) {
  nav#bubbles li {
    animation: none;
  }
}
nav#bubbles svg {
  display: block;
  margin: 1.25em auto 1.5em auto;
  transition: width 0.1s linear, height 0.1s linear;
  width: 2.5em;
  height: 2.5em;
}

/* Position bubbles */
nav#bubbles li:nth-of-type(1) {
  animation-delay: 0s;
}
nav#bubbles li:nth-of-type(1) a {
  transform: rotate(calc(0deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(0deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
}

nav#bubbles li:nth-of-type(2) {
  animation-delay: -0.5s;
}
nav#bubbles li:nth-of-type(2) a {
  transform: rotate(calc(-51.4285714286deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(51.4285714286deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
}

nav#bubbles li:nth-of-type(3) {
  animation-delay: -1s;
}
nav#bubbles li:nth-of-type(3) a {
  transform: rotate(calc(-102.8571428571deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(102.8571428571deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
}

nav#bubbles li:nth-of-type(4) {
  animation-delay: -1.5s;
}
nav#bubbles li:nth-of-type(4) a {
  transform: rotate(calc(-154.2857142857deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(154.2857142857deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
}

nav#bubbles li:nth-of-type(5) {
  animation-delay: -2s;
}
nav#bubbles li:nth-of-type(5) a {
  transform: rotate(calc(-205.7142857143deg + var(--rotateTimes) * 51.4285714286deg)) translateY(9em) rotate(calc(205.7142857143deg - var(--rotateTimes) * 51.4285714286deg)) rotateX(-75deg);
}

/* Animations */
.rise {
  animation: rise 1s ease-out;
}
.rise a {
  animation: fadeOut 1s ease-out;
}
.rise a.pop {
  animation: pop 1s linear;
}
.rise a.pop svg, .rise a.pop span {
  visibility: hidden;
}

@keyframes rise {
  from {
    transform: translateZ(0);
  }
  15% {
    transform: translateZ(-1em);
  }
  to {
    transform: translateZ(35em);
  }
}
@keyframes fadeOut {
  from, 15% {
    opacity: 1;
  }
  50%, to {
    opacity: 0;
  }
}
@keyframes pop {
  from {
    margin: -5% 0 0 -5%;
    width: 110%;
    height: 110%;
    opacity: 1;
  }
  10%, to {
    margin: -20% 0 0 -20%;
    width: 140%;
    height: 140%;
    opacity: 0;
  }
}
@keyframes idle {
  from, to {
    transform: translate(-50%, -48%);
  }
  25% {
    transform: translate(-52%, -50%);
  }
  50% {
    transform: translate(-50%, -52%);
  }
  75% {
    transform: translate(-48%, -50%);
  }
}



























/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #cccccc;
}
.c100 *, .c100 *:before, .c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 80px;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: whitesmoke;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;
}
.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}
.c100.dark {
  background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}
.c100.dark > span {
  color: #777777;
}
.c100.dark:after {
  background-color: #666666;
}
.c100.dark:hover > span {
  color: #c6ff00;
}
.c100.green .bar, .c100.green .fill {
  border-color: #0f0 !important;
}
.c100.green:hover > span {
  color: #0f0;
}
.c100.green.dark .bar, .c100.green.dark .fill {
  border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
  color: #5fd400;
}
.c100.orange .bar, .c100.orange .fill {
  border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
  color: #dd9d22;
}
.c100.orange.dark .bar, .c100.orange.dark .fill {
  border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
  color: #e08833;
}


















/*
.grain,
.intro {
	position: relative;
	z-index:10000;
}


body .center {
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  margin: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

body .center .outer_one, body .center .outer_two, body .center .outer_three, body .center .outer_four, body .center .outer_five, body .center .pieces {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 50%;
}

body .center .outer_two__piece:nth-of-type(1), body .center .outer_three__piece:nth-of-type(1) {
  -webkit-animation: fade 5s 0.1s infinite;
          animation: fade 5s 0.1s infinite;
}
body .center .outer_two__piece:nth-of-type(2), body .center .outer_three__piece:nth-of-type(2) {
  -webkit-animation: fade 5s 0.2s infinite;
          animation: fade 5s 0.2s infinite;
}
body .center .outer_two__piece:nth-of-type(3), body .center .outer_three__piece:nth-of-type(3) {
  -webkit-animation: fade 5s 0.3s infinite;
          animation: fade 5s 0.3s infinite;
}
body .center .outer_two__piece:nth-of-type(4), body .center .outer_three__piece:nth-of-type(4) {
  -webkit-animation: fade 5s 0.4s infinite;
          animation: fade 5s 0.4s infinite;
}
body .center .outer_two__piece:nth-of-type(5), body .center .outer_three__piece:nth-of-type(5) {
  -webkit-animation: fade 5s 0.5s infinite;
          animation: fade 5s 0.5s infinite;
}
body .center .outer_two__piece:nth-of-type(6), body .center .outer_three__piece:nth-of-type(6) {
  -webkit-animation: fade 5s 0.6s infinite;
          animation: fade 5s 0.6s infinite;
}
body .center .outer_two__piece:nth-of-type(7), body .center .outer_three__piece:nth-of-type(7) {
  -webkit-animation: fade 5s 0.7s infinite;
          animation: fade 5s 0.7s infinite;
}
body .center .outer_two__piece:nth-of-type(8), body .center .outer_three__piece:nth-of-type(8) {
  -webkit-animation: fade 5s 0.8s infinite;
          animation: fade 5s 0.8s infinite;
}
body .center .outer_two__piece:nth-of-type(9), body .center .outer_three__piece:nth-of-type(9) {
  -webkit-animation: fade 5s 0.9s infinite;
          animation: fade 5s 0.9s infinite;
}
body .center .outer_two__piece:nth-of-type(10), body .center .outer_three__piece:nth-of-type(10) {
  -webkit-animation: fade 5s 1s infinite;
          animation: fade 5s 1s infinite;
}
body .center .outer_two__piece:nth-of-type(11), body .center .outer_three__piece:nth-of-type(11) {
  -webkit-animation: fade 5s 1.1s infinite;
          animation: fade 5s 1.1s infinite;
}
body .center .outer_two__piece:nth-of-type(12), body .center .outer_three__piece:nth-of-type(12) {
  -webkit-animation: fade 5s 1.2s infinite;
          animation: fade 5s 1.2s infinite;
}
body .center .outer_two__piece:nth-of-type(13), body .center .outer_three__piece:nth-of-type(13) {
  -webkit-animation: fade 5s 1.3s infinite;
          animation: fade 5s 1.3s infinite;
}
body .center .outer_two__piece:nth-of-type(14), body .center .outer_three__piece:nth-of-type(14) {
  -webkit-animation: fade 5s 1.4s infinite;
          animation: fade 5s 1.4s infinite;
}
body .center .outer_two__piece:nth-of-type(15), body .center .outer_three__piece:nth-of-type(15) {
  -webkit-animation: fade 5s 1.5s infinite;
          animation: fade 5s 1.5s infinite;
}
body .center .outer_two__piece:nth-of-type(16), body .center .outer_three__piece:nth-of-type(16) {
  -webkit-animation: fade 5s 1.6s infinite;
          animation: fade 5s 1.6s infinite;
}
body .center .outer_two__piece:nth-of-type(17), body .center .outer_three__piece:nth-of-type(17) {
  -webkit-animation: fade 5s 1.7s infinite;
          animation: fade 5s 1.7s infinite;
}
body .center .outer_two__piece:nth-of-type(18), body .center .outer_three__piece:nth-of-type(18) {
  -webkit-animation: fade 5s 1.8s infinite;
          animation: fade 5s 1.8s infinite;
}
body .center .outer_two__piece:nth-of-type(19), body .center .outer_three__piece:nth-of-type(19) {
  -webkit-animation: fade 5s 1.9s infinite;
          animation: fade 5s 1.9s infinite;
}
body .center .outer_two__piece:nth-of-type(20), body .center .outer_three__piece:nth-of-type(20) {
  -webkit-animation: fade 5s 2s infinite;
          animation: fade 5s 2s infinite;
}
body .center .outer_two__piece:nth-of-type(21), body .center .outer_three__piece:nth-of-type(21) {
  -webkit-animation: fade 5s 2.1s infinite;
          animation: fade 5s 2.1s infinite;
}
body .center .outer_two__piece:nth-of-type(22), body .center .outer_three__piece:nth-of-type(22) {
  -webkit-animation: fade 5s 2.2s infinite;
          animation: fade 5s 2.2s infinite;
}
body .center .outer_two__piece:nth-of-type(23), body .center .outer_three__piece:nth-of-type(23) {
  -webkit-animation: fade 5s 2.3s infinite;
          animation: fade 5s 2.3s infinite;
}
body .center .outer_two__piece:nth-of-type(24), body .center .outer_three__piece:nth-of-type(24) {
  -webkit-animation: fade 5s 2.4s infinite;
          animation: fade 5s 2.4s infinite;
}
body .center .outer_two__piece:nth-of-type(25), body .center .outer_three__piece:nth-of-type(25) {
  -webkit-animation: fade 5s 2.5s infinite;
          animation: fade 5s 2.5s infinite;
}
body .center .outer_two__piece:nth-of-type(26), body .center .outer_three__piece:nth-of-type(26) {
  -webkit-animation: fade 5s 2.6s infinite;
          animation: fade 5s 2.6s infinite;
}
body .center .outer_two__piece:nth-of-type(27), body .center .outer_three__piece:nth-of-type(27) {
  -webkit-animation: fade 5s 2.7s infinite;
          animation: fade 5s 2.7s infinite;
}
body .center .outer_two__piece:nth-of-type(28), body .center .outer_three__piece:nth-of-type(28) {
  -webkit-animation: fade 5s 2.8s infinite;
          animation: fade 5s 2.8s infinite;
}
body .center .outer_two__piece:nth-of-type(29), body .center .outer_three__piece:nth-of-type(29) {
  -webkit-animation: fade 5s 2.9s infinite;
          animation: fade 5s 2.9s infinite;
}
body .center .outer_two__piece:nth-of-type(30), body .center .outer_three__piece:nth-of-type(30) {
  -webkit-animation: fade 5s 3s infinite;
          animation: fade 5s 3s infinite;
}
body .center .outer_two__piece:nth-of-type(31), body .center .outer_three__piece:nth-of-type(31) {
  -webkit-animation: fade 5s 3.1s infinite;
          animation: fade 5s 3.1s infinite;
}
body .center .outer_two__piece:nth-of-type(32), body .center .outer_three__piece:nth-of-type(32) {
  -webkit-animation: fade 5s 3.2s infinite;
          animation: fade 5s 3.2s infinite;
}
body .center .outer_two__piece:nth-of-type(33), body .center .outer_three__piece:nth-of-type(33) {
  -webkit-animation: fade 5s 3.3s infinite;
          animation: fade 5s 3.3s infinite;
}
body .center .outer_two__piece:nth-of-type(34), body .center .outer_three__piece:nth-of-type(34) {
  -webkit-animation: fade 5s 3.4s infinite;
          animation: fade 5s 3.4s infinite;
}
body .center .outer_two__piece:nth-of-type(35), body .center .outer_three__piece:nth-of-type(35) {
  -webkit-animation: fade 5s 3.5s infinite;
          animation: fade 5s 3.5s infinite;
}
body .center .outer_two__piece:nth-of-type(36), body .center .outer_three__piece:nth-of-type(36) {
  -webkit-animation: fade 5s 3.6s infinite;
          animation: fade 5s 3.6s infinite;
}

body .center .outer_four__piece:nth-of-type(1), body .center .outer_five__piece:nth-of-type(1) {
  -webkit-animation: fade 7s 0.1s infinite;
          animation: fade 7s 0.1s infinite;
}
body .center .outer_four__piece:nth-of-type(2), body .center .outer_five__piece:nth-of-type(2) {
  -webkit-animation: fade 7s 0.2s infinite;
          animation: fade 7s 0.2s infinite;
}
body .center .outer_four__piece:nth-of-type(3), body .center .outer_five__piece:nth-of-type(3) {
  -webkit-animation: fade 7s 0.3s infinite;
          animation: fade 7s 0.3s infinite;
}
body .center .outer_four__piece:nth-of-type(4), body .center .outer_five__piece:nth-of-type(4) {
  -webkit-animation: fade 7s 0.4s infinite;
          animation: fade 7s 0.4s infinite;
}
body .center .outer_four__piece:nth-of-type(5), body .center .outer_five__piece:nth-of-type(5) {
  -webkit-animation: fade 7s 0.5s infinite;
          animation: fade 7s 0.5s infinite;
}
body .center .outer_four__piece:nth-of-type(6), body .center .outer_five__piece:nth-of-type(6) {
  -webkit-animation: fade 7s 0.6s infinite;
          animation: fade 7s 0.6s infinite;
}
body .center .outer_four__piece:nth-of-type(7), body .center .outer_five__piece:nth-of-type(7) {
  -webkit-animation: fade 7s 0.7s infinite;
          animation: fade 7s 0.7s infinite;
}
body .center .outer_four__piece:nth-of-type(8), body .center .outer_five__piece:nth-of-type(8) {
  -webkit-animation: fade 7s 0.8s infinite;
          animation: fade 7s 0.8s infinite;
}
body .center .outer_four__piece:nth-of-type(9), body .center .outer_five__piece:nth-of-type(9) {
  -webkit-animation: fade 7s 0.9s infinite;
          animation: fade 7s 0.9s infinite;
}
body .center .outer_four__piece:nth-of-type(10), body .center .outer_five__piece:nth-of-type(10) {
  -webkit-animation: fade 7s 1s infinite;
          animation: fade 7s 1s infinite;
}
body .center .outer_four__piece:nth-of-type(11), body .center .outer_five__piece:nth-of-type(11) {
  -webkit-animation: fade 7s 1.1s infinite;
          animation: fade 7s 1.1s infinite;
}
body .center .outer_four__piece:nth-of-type(12), body .center .outer_five__piece:nth-of-type(12) {
  -webkit-animation: fade 7s 1.2s infinite;
          animation: fade 7s 1.2s infinite;
}
body .center .outer_four__piece:nth-of-type(13), body .center .outer_five__piece:nth-of-type(13) {
  -webkit-animation: fade 7s 1.3s infinite;
          animation: fade 7s 1.3s infinite;
}
body .center .outer_four__piece:nth-of-type(14), body .center .outer_five__piece:nth-of-type(14) {
  -webkit-animation: fade 7s 1.4s infinite;
          animation: fade 7s 1.4s infinite;
}
body .center .outer_four__piece:nth-of-type(15), body .center .outer_five__piece:nth-of-type(15) {
  -webkit-animation: fade 7s 1.5s infinite;
          animation: fade 7s 1.5s infinite;
}
body .center .outer_four__piece:nth-of-type(16), body .center .outer_five__piece:nth-of-type(16) {
  -webkit-animation: fade 7s 1.6s infinite;
          animation: fade 7s 1.6s infinite;
}
body .center .outer_four__piece:nth-of-type(17), body .center .outer_five__piece:nth-of-type(17) {
  -webkit-animation: fade 7s 1.7s infinite;
          animation: fade 7s 1.7s infinite;
}
body .center .outer_four__piece:nth-of-type(18), body .center .outer_five__piece:nth-of-type(18) {
  -webkit-animation: fade 7s 1.8s infinite;
          animation: fade 7s 1.8s infinite;
}
body .center .outer_four__piece:nth-of-type(19), body .center .outer_five__piece:nth-of-type(19) {
  -webkit-animation: fade 7s 1.9s infinite;
          animation: fade 7s 1.9s infinite;
}
body .center .outer_four__piece:nth-of-type(20), body .center .outer_five__piece:nth-of-type(20) {
  -webkit-animation: fade 7s 2s infinite;
          animation: fade 7s 2s infinite;
}
body .center .outer_four__piece:nth-of-type(21), body .center .outer_five__piece:nth-of-type(21) {
  -webkit-animation: fade 7s 2.1s infinite;
          animation: fade 7s 2.1s infinite;
}
body .center .outer_four__piece:nth-of-type(22), body .center .outer_five__piece:nth-of-type(22) {
  -webkit-animation: fade 7s 2.2s infinite;
          animation: fade 7s 2.2s infinite;
}
body .center .outer_four__piece:nth-of-type(23), body .center .outer_five__piece:nth-of-type(23) {
  -webkit-animation: fade 7s 2.3s infinite;
          animation: fade 7s 2.3s infinite;
}
body .center .outer_four__piece:nth-of-type(24), body .center .outer_five__piece:nth-of-type(24) {
  -webkit-animation: fade 7s 2.4s infinite;
          animation: fade 7s 2.4s infinite;
}
body .center .outer_four__piece:nth-of-type(25), body .center .outer_five__piece:nth-of-type(25) {
  -webkit-animation: fade 7s 2.5s infinite;
          animation: fade 7s 2.5s infinite;
}
body .center .outer_four__piece:nth-of-type(26), body .center .outer_five__piece:nth-of-type(26) {
  -webkit-animation: fade 7s 2.6s infinite;
          animation: fade 7s 2.6s infinite;
}
body .center .outer_four__piece:nth-of-type(27), body .center .outer_five__piece:nth-of-type(27) {
  -webkit-animation: fade 7s 2.7s infinite;
          animation: fade 7s 2.7s infinite;
}
body .center .outer_four__piece:nth-of-type(28), body .center .outer_five__piece:nth-of-type(28) {
  -webkit-animation: fade 7s 2.8s infinite;
          animation: fade 7s 2.8s infinite;
}
body .center .outer_four__piece:nth-of-type(29), body .center .outer_five__piece:nth-of-type(29) {
  -webkit-animation: fade 7s 2.9s infinite;
          animation: fade 7s 2.9s infinite;
}
body .center .outer_four__piece:nth-of-type(30), body .center .outer_five__piece:nth-of-type(30) {
  -webkit-animation: fade 7s 3s infinite;
          animation: fade 7s 3s infinite;
}
body .center .outer_four__piece:nth-of-type(31), body .center .outer_five__piece:nth-of-type(31) {
  -webkit-animation: fade 7s 3.1s infinite;
          animation: fade 7s 3.1s infinite;
}
body .center .outer_four__piece:nth-of-type(32), body .center .outer_five__piece:nth-of-type(32) {
  -webkit-animation: fade 7s 3.2s infinite;
          animation: fade 7s 3.2s infinite;
}
body .center .outer_four__piece:nth-of-type(33), body .center .outer_five__piece:nth-of-type(33) {
  -webkit-animation: fade 7s 3.3s infinite;
          animation: fade 7s 3.3s infinite;
}
body .center .outer_four__piece:nth-of-type(34), body .center .outer_five__piece:nth-of-type(34) {
  -webkit-animation: fade 7s 3.4s infinite;
          animation: fade 7s 3.4s infinite;
}
body .center .outer_four__piece:nth-of-type(35), body .center .outer_five__piece:nth-of-type(35) {
  -webkit-animation: fade 7s 3.5s infinite;
          animation: fade 7s 3.5s infinite;
}
body .center .outer_four__piece:nth-of-type(36), body .center .outer_five__piece:nth-of-type(36) {
  -webkit-animation: fade 7s 3.6s infinite;
          animation: fade 7s 3.6s infinite;
}

body .center .outer_one__piece, body .center .outer_two__piece, body .center .pieces .future_ui__piece {
  position: absolute;
}
body .center .outer_one__piece:nth-of-type(1), body .center .outer_two__piece:nth-of-type(1), body .center .pieces .future_ui__piece:nth-of-type(1) {
  border-radius: 2px;
  -webkit-transform: rotateZ(10deg);
          transform: rotateZ(10deg);
}
body .center .outer_one__piece:nth-of-type(2), body .center .outer_two__piece:nth-of-type(2), body .center .pieces .future_ui__piece:nth-of-type(2) {
  border-radius: 2px;
  -webkit-transform: rotateZ(20deg);
          transform: rotateZ(20deg);
}
body .center .outer_one__piece:nth-of-type(3), body .center .outer_two__piece:nth-of-type(3), body .center .pieces .future_ui__piece:nth-of-type(3) {
  border-radius: 2px;
  -webkit-transform: rotateZ(30deg);
          transform: rotateZ(30deg);
}
body .center .outer_one__piece:nth-of-type(4), body .center .outer_two__piece:nth-of-type(4), body .center .pieces .future_ui__piece:nth-of-type(4) {
  border-radius: 2px;
  -webkit-transform: rotateZ(40deg);
          transform: rotateZ(40deg);
}
body .center .outer_one__piece:nth-of-type(5), body .center .outer_two__piece:nth-of-type(5), body .center .pieces .future_ui__piece:nth-of-type(5) {
  border-radius: 2px;
  -webkit-transform: rotateZ(50deg);
          transform: rotateZ(50deg);
}
body .center .outer_one__piece:nth-of-type(6), body .center .outer_two__piece:nth-of-type(6), body .center .pieces .future_ui__piece:nth-of-type(6) {
  border-radius: 2px;
  -webkit-transform: rotateZ(60deg);
          transform: rotateZ(60deg);
}
body .center .outer_one__piece:nth-of-type(7), body .center .outer_two__piece:nth-of-type(7), body .center .pieces .future_ui__piece:nth-of-type(7) {
  border-radius: 2px;
  -webkit-transform: rotateZ(70deg);
          transform: rotateZ(70deg);
}
body .center .outer_one__piece:nth-of-type(8), body .center .outer_two__piece:nth-of-type(8), body .center .pieces .future_ui__piece:nth-of-type(8) {
  border-radius: 2px;
  -webkit-transform: rotateZ(80deg);
          transform: rotateZ(80deg);
}
body .center .outer_one__piece:nth-of-type(9), body .center .outer_two__piece:nth-of-type(9), body .center .pieces .future_ui__piece:nth-of-type(9) {
  border-radius: 2px;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
body .center .outer_one__piece:nth-of-type(10), body .center .outer_two__piece:nth-of-type(10), body .center .pieces .future_ui__piece:nth-of-type(10) {
  border-radius: 2px;
  -webkit-transform: rotateZ(100deg);
          transform: rotateZ(100deg);
}
body .center .outer_one__piece:nth-of-type(11), body .center .outer_two__piece:nth-of-type(11), body .center .pieces .future_ui__piece:nth-of-type(11) {
  border-radius: 2px;
  -webkit-transform: rotateZ(110deg);
          transform: rotateZ(110deg);
}
body .center .outer_one__piece:nth-of-type(12), body .center .outer_two__piece:nth-of-type(12), body .center .pieces .future_ui__piece:nth-of-type(12) {
  border-radius: 2px;
  -webkit-transform: rotateZ(120deg);
          transform: rotateZ(120deg);
}
body .center .outer_one__piece:nth-of-type(13), body .center .outer_two__piece:nth-of-type(13), body .center .pieces .future_ui__piece:nth-of-type(13) {
  border-radius: 2px;
  -webkit-transform: rotateZ(130deg);
          transform: rotateZ(130deg);
}
body .center .outer_one__piece:nth-of-type(14), body .center .outer_two__piece:nth-of-type(14), body .center .pieces .future_ui__piece:nth-of-type(14) {
  border-radius: 2px;
  -webkit-transform: rotateZ(140deg);
          transform: rotateZ(140deg);
}
body .center .outer_one__piece:nth-of-type(15), body .center .outer_two__piece:nth-of-type(15), body .center .pieces .future_ui__piece:nth-of-type(15) {
  border-radius: 2px;
  -webkit-transform: rotateZ(150deg);
          transform: rotateZ(150deg);
}
body .center .outer_one__piece:nth-of-type(16), body .center .outer_two__piece:nth-of-type(16), body .center .pieces .future_ui__piece:nth-of-type(16) {
  border-radius: 2px;
  -webkit-transform: rotateZ(160deg);
          transform: rotateZ(160deg);
}
body .center .outer_one__piece:nth-of-type(17), body .center .outer_two__piece:nth-of-type(17), body .center .pieces .future_ui__piece:nth-of-type(17) {
  border-radius: 2px;
  -webkit-transform: rotateZ(170deg);
          transform: rotateZ(170deg);
}
body .center .outer_one__piece:nth-of-type(18), body .center .outer_two__piece:nth-of-type(18), body .center .pieces .future_ui__piece:nth-of-type(18) {
  border-radius: 2px;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
body .center .outer_one__piece:nth-of-type(19), body .center .outer_two__piece:nth-of-type(19), body .center .pieces .future_ui__piece:nth-of-type(19) {
  border-radius: 2px;
  -webkit-transform: rotateZ(190deg);
          transform: rotateZ(190deg);
}
body .center .outer_one__piece:nth-of-type(20), body .center .outer_two__piece:nth-of-type(20), body .center .pieces .future_ui__piece:nth-of-type(20) {
  border-radius: 2px;
  -webkit-transform: rotateZ(200deg);
          transform: rotateZ(200deg);
}
body .center .outer_one__piece:nth-of-type(21), body .center .outer_two__piece:nth-of-type(21), body .center .pieces .future_ui__piece:nth-of-type(21) {
  border-radius: 2px;
  -webkit-transform: rotateZ(210deg);
          transform: rotateZ(210deg);
}
body .center .outer_one__piece:nth-of-type(22), body .center .outer_two__piece:nth-of-type(22), body .center .pieces .future_ui__piece:nth-of-type(22) {
  border-radius: 2px;
  -webkit-transform: rotateZ(220deg);
          transform: rotateZ(220deg);
}
body .center .outer_one__piece:nth-of-type(23), body .center .outer_two__piece:nth-of-type(23), body .center .pieces .future_ui__piece:nth-of-type(23) {
  border-radius: 2px;
  -webkit-transform: rotateZ(230deg);
          transform: rotateZ(230deg);
}
body .center .outer_one__piece:nth-of-type(24), body .center .outer_two__piece:nth-of-type(24), body .center .pieces .future_ui__piece:nth-of-type(24) {
  border-radius: 2px;
  -webkit-transform: rotateZ(240deg);
          transform: rotateZ(240deg);
}
body .center .outer_one__piece:nth-of-type(25), body .center .outer_two__piece:nth-of-type(25), body .center .pieces .future_ui__piece:nth-of-type(25) {
  border-radius: 2px;
  -webkit-transform: rotateZ(250deg);
          transform: rotateZ(250deg);
}
body .center .outer_one__piece:nth-of-type(26), body .center .outer_two__piece:nth-of-type(26), body .center .pieces .future_ui__piece:nth-of-type(26) {
  border-radius: 2px;
  -webkit-transform: rotateZ(260deg);
          transform: rotateZ(260deg);
}
body .center .outer_one__piece:nth-of-type(27), body .center .outer_two__piece:nth-of-type(27), body .center .pieces .future_ui__piece:nth-of-type(27) {
  border-radius: 2px;
  -webkit-transform: rotateZ(270deg);
          transform: rotateZ(270deg);
}
body .center .outer_one__piece:nth-of-type(28), body .center .outer_two__piece:nth-of-type(28), body .center .pieces .future_ui__piece:nth-of-type(28) {
  border-radius: 2px;
  -webkit-transform: rotateZ(280deg);
          transform: rotateZ(280deg);
}
body .center .outer_one__piece:nth-of-type(29), body .center .outer_two__piece:nth-of-type(29), body .center .pieces .future_ui__piece:nth-of-type(29) {
  border-radius: 2px;
  -webkit-transform: rotateZ(290deg);
          transform: rotateZ(290deg);
}
body .center .outer_one__piece:nth-of-type(30), body .center .outer_two__piece:nth-of-type(30), body .center .pieces .future_ui__piece:nth-of-type(30) {
  border-radius: 2px;
  -webkit-transform: rotateZ(300deg);
          transform: rotateZ(300deg);
}
body .center .outer_one__piece:nth-of-type(31), body .center .outer_two__piece:nth-of-type(31), body .center .pieces .future_ui__piece:nth-of-type(31) {
  border-radius: 2px;
  -webkit-transform: rotateZ(310deg);
          transform: rotateZ(310deg);
}
body .center .outer_one__piece:nth-of-type(32), body .center .outer_two__piece:nth-of-type(32), body .center .pieces .future_ui__piece:nth-of-type(32) {
  border-radius: 2px;
  -webkit-transform: rotateZ(320deg);
          transform: rotateZ(320deg);
}
body .center .outer_one__piece:nth-of-type(33), body .center .outer_two__piece:nth-of-type(33), body .center .pieces .future_ui__piece:nth-of-type(33) {
  border-radius: 2px;
  -webkit-transform: rotateZ(330deg);
          transform: rotateZ(330deg);
}
body .center .outer_one__piece:nth-of-type(34), body .center .outer_two__piece:nth-of-type(34), body .center .pieces .future_ui__piece:nth-of-type(34) {
  border-radius: 2px;
  -webkit-transform: rotateZ(340deg);
          transform: rotateZ(340deg);
}
body .center .outer_one__piece:nth-of-type(35), body .center .outer_two__piece:nth-of-type(35), body .center .pieces .future_ui__piece:nth-of-type(35) {
  border-radius: 2px;
  -webkit-transform: rotateZ(350deg);
          transform: rotateZ(350deg);
}
body .center .outer_one__piece:nth-of-type(36), body .center .outer_two__piece:nth-of-type(36), body .center .pieces .future_ui__piece:nth-of-type(36) {
  border-radius: 2px;
  -webkit-transform: rotateZ(360deg);
          transform: rotateZ(360deg);
}

body .center .outer_three__piece {
  position: absolute;
}
body .center .outer_three__piece:nth-of-type(1) {
  border-radius: 2px;
  -webkit-transform: rotateZ(4deg);
          transform: rotateZ(4deg);
}
body .center .outer_three__piece:nth-of-type(2) {
  border-radius: 2px;
  -webkit-transform: rotateZ(8deg);
          transform: rotateZ(8deg);
}
body .center .outer_three__piece:nth-of-type(3) {
  border-radius: 2px;
  -webkit-transform: rotateZ(12deg);
          transform: rotateZ(12deg);
}
body .center .outer_three__piece:nth-of-type(4) {
  border-radius: 2px;
  -webkit-transform: rotateZ(16deg);
          transform: rotateZ(16deg);
}
body .center .outer_three__piece:nth-of-type(5) {
  border-radius: 2px;
  -webkit-transform: rotateZ(20deg);
          transform: rotateZ(20deg);
}
body .center .outer_three__piece:nth-of-type(6) {
  border-radius: 2px;
  -webkit-transform: rotateZ(24deg);
          transform: rotateZ(24deg);
}
body .center .outer_three__piece:nth-of-type(7) {
  border-radius: 2px;
  -webkit-transform: rotateZ(28deg);
          transform: rotateZ(28deg);
}
body .center .outer_three__piece:nth-of-type(8) {
  border-radius: 2px;
  -webkit-transform: rotateZ(32deg);
          transform: rotateZ(32deg);
}
body .center .outer_three__piece:nth-of-type(9) {
  border-radius: 2px;
  -webkit-transform: rotateZ(36deg);
          transform: rotateZ(36deg);
}
body .center .outer_three__piece:nth-of-type(10) {
  border-radius: 2px;
  -webkit-transform: rotateZ(40deg);
          transform: rotateZ(40deg);
}
body .center .outer_three__piece:nth-of-type(11) {
  border-radius: 2px;
  -webkit-transform: rotateZ(44deg);
          transform: rotateZ(44deg);
}
body .center .outer_three__piece:nth-of-type(12) {
  border-radius: 2px;
  -webkit-transform: rotateZ(48deg);
          transform: rotateZ(48deg);
}
body .center .outer_three__piece:nth-of-type(13) {
  border-radius: 2px;
  -webkit-transform: rotateZ(52deg);
          transform: rotateZ(52deg);
}
body .center .outer_three__piece:nth-of-type(14) {
  border-radius: 2px;
  -webkit-transform: rotateZ(56deg);
          transform: rotateZ(56deg);
}
body .center .outer_three__piece:nth-of-type(15) {
  border-radius: 2px;
  -webkit-transform: rotateZ(60deg);
          transform: rotateZ(60deg);
}
body .center .outer_three__piece:nth-of-type(16) {
  border-radius: 2px;
  -webkit-transform: rotateZ(64deg);
          transform: rotateZ(64deg);
}
body .center .outer_three__piece:nth-of-type(17) {
  border-radius: 2px;
  -webkit-transform: rotateZ(68deg);
          transform: rotateZ(68deg);
}
body .center .outer_three__piece:nth-of-type(18) {
  border-radius: 2px;
  -webkit-transform: rotateZ(72deg);
          transform: rotateZ(72deg);
}
body .center .outer_three__piece:nth-of-type(19) {
  border-radius: 2px;
  -webkit-transform: rotateZ(76deg);
          transform: rotateZ(76deg);
}
body .center .outer_three__piece:nth-of-type(20) {
  border-radius: 2px;
  -webkit-transform: rotateZ(80deg);
          transform: rotateZ(80deg);
}
body .center .outer_three__piece:nth-of-type(21) {
  border-radius: 2px;
  -webkit-transform: rotateZ(84deg);
          transform: rotateZ(84deg);
}
body .center .outer_three__piece:nth-of-type(22) {
  border-radius: 2px;
  -webkit-transform: rotateZ(88deg);
          transform: rotateZ(88deg);
}
body .center .outer_three__piece:nth-of-type(23) {
  border-radius: 2px;
  -webkit-transform: rotateZ(92deg);
          transform: rotateZ(92deg);
}
body .center .outer_three__piece:nth-of-type(24) {
  border-radius: 2px;
  -webkit-transform: rotateZ(96deg);
          transform: rotateZ(96deg);
}
body .center .outer_three__piece:nth-of-type(25) {
  border-radius: 2px;
  -webkit-transform: rotateZ(100deg);
          transform: rotateZ(100deg);
}
body .center .outer_three__piece:nth-of-type(26) {
  border-radius: 2px;
  -webkit-transform: rotateZ(104deg);
          transform: rotateZ(104deg);
}
body .center .outer_three__piece:nth-of-type(27) {
  border-radius: 2px;
  -webkit-transform: rotateZ(108deg);
          transform: rotateZ(108deg);
}
body .center .outer_three__piece:nth-of-type(28) {
  border-radius: 2px;
  -webkit-transform: rotateZ(112deg);
          transform: rotateZ(112deg);
}
body .center .outer_three__piece:nth-of-type(29) {
  border-radius: 2px;
  -webkit-transform: rotateZ(116deg);
          transform: rotateZ(116deg);
}
body .center .outer_three__piece:nth-of-type(30) {
  border-radius: 2px;
  -webkit-transform: rotateZ(120deg);
          transform: rotateZ(120deg);
}
body .center .outer_three__piece:nth-of-type(31) {
  border-radius: 2px;
  -webkit-transform: rotateZ(124deg);
          transform: rotateZ(124deg);
}
body .center .outer_three__piece:nth-of-type(32) {
  border-radius: 2px;
  -webkit-transform: rotateZ(128deg);
          transform: rotateZ(128deg);
}
body .center .outer_three__piece:nth-of-type(33) {
  border-radius: 2px;
  -webkit-transform: rotateZ(132deg);
          transform: rotateZ(132deg);
}
body .center .outer_three__piece:nth-of-type(34) {
  border-radius: 2px;
  -webkit-transform: rotateZ(136deg);
          transform: rotateZ(136deg);
}
body .center .outer_three__piece:nth-of-type(35) {
  border-radius: 2px;
  -webkit-transform: rotateZ(140deg);
          transform: rotateZ(140deg);
}
body .center .outer_three__piece:nth-of-type(36) {
  border-radius: 2px;
  -webkit-transform: rotateZ(144deg);
          transform: rotateZ(144deg);
}

body .center .outer_four__piece, body .center .outer_five__piece {
  position: absolute;
}
body .center .outer_four__piece:nth-of-type(1), body .center .outer_five__piece:nth-of-type(1) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-176deg);
          transform: rotateZ(-176deg);
}
body .center .outer_four__piece:nth-of-type(2), body .center .outer_five__piece:nth-of-type(2) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-172deg);
          transform: rotateZ(-172deg);
}
body .center .outer_four__piece:nth-of-type(3), body .center .outer_five__piece:nth-of-type(3) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-168deg);
          transform: rotateZ(-168deg);
}
body .center .outer_four__piece:nth-of-type(4), body .center .outer_five__piece:nth-of-type(4) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-164deg);
          transform: rotateZ(-164deg);
}
body .center .outer_four__piece:nth-of-type(5), body .center .outer_five__piece:nth-of-type(5) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-160deg);
          transform: rotateZ(-160deg);
}
body .center .outer_four__piece:nth-of-type(6), body .center .outer_five__piece:nth-of-type(6) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-156deg);
          transform: rotateZ(-156deg);
}
body .center .outer_four__piece:nth-of-type(7), body .center .outer_five__piece:nth-of-type(7) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-152deg);
          transform: rotateZ(-152deg);
}
body .center .outer_four__piece:nth-of-type(8), body .center .outer_five__piece:nth-of-type(8) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-148deg);
          transform: rotateZ(-148deg);
}
body .center .outer_four__piece:nth-of-type(9), body .center .outer_five__piece:nth-of-type(9) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-144deg);
          transform: rotateZ(-144deg);
}
body .center .outer_four__piece:nth-of-type(10), body .center .outer_five__piece:nth-of-type(10) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-140deg);
          transform: rotateZ(-140deg);
}
body .center .outer_four__piece:nth-of-type(11), body .center .outer_five__piece:nth-of-type(11) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-136deg);
          transform: rotateZ(-136deg);
}
body .center .outer_four__piece:nth-of-type(12), body .center .outer_five__piece:nth-of-type(12) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-132deg);
          transform: rotateZ(-132deg);
}
body .center .outer_four__piece:nth-of-type(13), body .center .outer_five__piece:nth-of-type(13) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-128deg);
          transform: rotateZ(-128deg);
}
body .center .outer_four__piece:nth-of-type(14), body .center .outer_five__piece:nth-of-type(14) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-124deg);
          transform: rotateZ(-124deg);
}
body .center .outer_four__piece:nth-of-type(15), body .center .outer_five__piece:nth-of-type(15) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-120deg);
          transform: rotateZ(-120deg);
}
body .center .outer_four__piece:nth-of-type(16), body .center .outer_five__piece:nth-of-type(16) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-116deg);
          transform: rotateZ(-116deg);
}
body .center .outer_four__piece:nth-of-type(17), body .center .outer_five__piece:nth-of-type(17) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-112deg);
          transform: rotateZ(-112deg);
}
body .center .outer_four__piece:nth-of-type(18), body .center .outer_five__piece:nth-of-type(18) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-108deg);
          transform: rotateZ(-108deg);
}
body .center .outer_four__piece:nth-of-type(19), body .center .outer_five__piece:nth-of-type(19) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-104deg);
          transform: rotateZ(-104deg);
}
body .center .outer_four__piece:nth-of-type(20), body .center .outer_five__piece:nth-of-type(20) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-100deg);
          transform: rotateZ(-100deg);
}
body .center .outer_four__piece:nth-of-type(21), body .center .outer_five__piece:nth-of-type(21) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-96deg);
          transform: rotateZ(-96deg);
}
body .center .outer_four__piece:nth-of-type(22), body .center .outer_five__piece:nth-of-type(22) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-92deg);
          transform: rotateZ(-92deg);
}
body .center .outer_four__piece:nth-of-type(23), body .center .outer_five__piece:nth-of-type(23) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-88deg);
          transform: rotateZ(-88deg);
}
body .center .outer_four__piece:nth-of-type(24), body .center .outer_five__piece:nth-of-type(24) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-84deg);
          transform: rotateZ(-84deg);
}
body .center .outer_four__piece:nth-of-type(25), body .center .outer_five__piece:nth-of-type(25) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-80deg);
          transform: rotateZ(-80deg);
}
body .center .outer_four__piece:nth-of-type(26), body .center .outer_five__piece:nth-of-type(26) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-76deg);
          transform: rotateZ(-76deg);
}
body .center .outer_four__piece:nth-of-type(27), body .center .outer_five__piece:nth-of-type(27) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-72deg);
          transform: rotateZ(-72deg);
}
body .center .outer_four__piece:nth-of-type(28), body .center .outer_five__piece:nth-of-type(28) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-68deg);
          transform: rotateZ(-68deg);
}
body .center .outer_four__piece:nth-of-type(29), body .center .outer_five__piece:nth-of-type(29) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-64deg);
          transform: rotateZ(-64deg);
}
body .center .outer_four__piece:nth-of-type(30), body .center .outer_five__piece:nth-of-type(30) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-60deg);
          transform: rotateZ(-60deg);
}
body .center .outer_four__piece:nth-of-type(31), body .center .outer_five__piece:nth-of-type(31) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-56deg);
          transform: rotateZ(-56deg);
}
body .center .outer_four__piece:nth-of-type(32), body .center .outer_five__piece:nth-of-type(32) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-52deg);
          transform: rotateZ(-52deg);
}
body .center .outer_four__piece:nth-of-type(33), body .center .outer_five__piece:nth-of-type(33) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-48deg);
          transform: rotateZ(-48deg);
}
body .center .outer_four__piece:nth-of-type(34), body .center .outer_five__piece:nth-of-type(34) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-44deg);
          transform: rotateZ(-44deg);
}
body .center .outer_four__piece:nth-of-type(35), body .center .outer_five__piece:nth-of-type(35) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-40deg);
          transform: rotateZ(-40deg);
}
body .center .outer_four__piece:nth-of-type(36), body .center .outer_five__piece:nth-of-type(36) {
  border-radius: 2px;
  -webkit-transform: rotateZ(-36deg);
          transform: rotateZ(-36deg);
}

body {
  -webkit-animation: intro_box 1s 1s forwards;
          animation: intro_box 1s 1s forwards;
  opacity: 0;
  -webkit-perspective-origin: 50% -10%;
          perspective-origin: 50% -10%;
  margin: 0;
  padding: 0;
  -webkit-perspective: 800;
          perspective: 800;
  background: radial-gradient(ellipse at top left, rgba(0, 255, 0, 0.26) -160%, rgba(255, 255, 255, 0) 103%), -webkit-radial-gradient(center, ellipse cover, #0c1019 0%, #0b0b0e 100%);
  overflow: hidden;
}
body .grain {
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  pointer-events: none;
  top: 0;
  opacity: 1;
  bottom: 0;
}
body .center {
  -webkit-transform: translateY(-21px) translateZ(-870px) rotateX(69deg) rotateY(-26deg) rotatez(-647deg) scale(0.9);
          transform: translateY(-21px) translateZ(-870px) rotateX(69deg) rotateY(-26deg) rotatez(-647deg) scale(0.9);
  height: 50px;
  width: 50px;
  -webkit-animation: wiggle 20s infinite linear;
          animation: wiggle 20s infinite linear;
}
body .center .core {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #de0b46;
  box-shadow: 0px 0px 70px 20px #de0b46;
}
body .center .outer_one {
  -webkit-transform: translateX(-120px) translateY(-50%);
          transform: translateX(-120px) translateY(-50%);
}
body .center .outer_one__piece {
  width: 10px;
  height: 30px;
  background: #de0b46;
  box-shadow: 0px 0px 20px 0px #de0b46;
  -webkit-transform-origin: 120px 0px;
          transform-origin: 120px 0px;
}
body .center .outer_two {
  -webkit-transform: translateX(-290px) translateY(-50%);
          transform: translateX(-290px) translateY(-50%);
}
body .center .outer_two__piece {
  width: 28px;
  height: 5px;
  background: #de0b46;
  box-shadow: 0px 0px 20px 0px #de0b46;
  -webkit-transform-origin: 290px 0px;
          transform-origin: 290px 0px;
}
body .center .outer_three {
  -webkit-transform: translateX(-440px) translateY(-50%);
          transform: translateX(-440px) translateY(-50%);
}
body .center .outer_three__piece {
  width: 55px;
  height: 5px;
  background: #55e2f9;
  box-shadow: 0px 0px 20px 0px #55e2f9;
  -webkit-transform-origin: 440px 0px;
          transform-origin: 440px 0px;
}
body .center .outer_four {
  -webkit-transform: translateX(-440px) translateY(-50%);
          transform: translateX(-440px) translateY(-50%);
}
body .center .outer_four__piece {
  width: 6px;
  height: 5px;
  background: #de0b46;
  box-shadow: 0px 0px 20px 0px #de0b46;
  -webkit-transform-origin: 440px 0px;
          transform-origin: 440px 0px;
}
body .center .outer_five {
  -webkit-transform: translateX(-410px) translateY(-50%);
          transform: translateX(-410px) translateY(-50%);
}
body .center .outer_five__piece {
  width: 6px;
  height: 5px;
  background: #de0b46;
  box-shadow: 0px 0px 20px 0px #de0b46;
  -webkit-transform-origin: 410px 0px;
          transform-origin: 410px 0px;
}
body .center .pieces {
  -webkit-transform: translateX(540px) translateY(-50%);
          transform: translateX(540px) translateY(-50%);
}
body .center .pieces .tip {
  font-size: 17px;
  position: absolute;
  left: 105%;
  opacity: 0;
  transition: all 0.2s 0.3s;
  font-weight: 400;
  color: #85dfe4;
  width: 100%;
  top: 70px;
}
body .center .pieces span {
  position: absolute;
  top: 19px;
  width: 270px;
  left: 34px;
  -webkit-transform: translateZ(-770px) rotateZ(0deg);
          transform: translateZ(-770px) rotateZ(0deg);
  transition: all 0.2s 0.1s;
}
body .center .pieces .line {
  width: 0px;
  height: 5px;
  left: -547px;
  -webkit-transform: rotatez(4deg);
          transform: rotatez(4deg);
  top: 17px;
  background: #de0b46;
  position: absolute;
  opacity: 0;
}
body .center .pieces .future_ui__piece {
  border: 3px solid #de0b46;
  position: absolute;
  font-weight: 900;
  padding: 30px;
  font-size: 30px;
  box-shadow: 0px 0px 25px rgba(0, 255, 0, 0.27);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 1s 0.1s;
  color: white;
  text-align: left;
  height: 20px;
  background: transparent;
  color: white;
  border-radius: 100px !important;
  box-shadow: 0px 0px 25px rgba(0, 255, 0, 0.27);
  -webkit-transform-origin: -540px 0px;
          transform-origin: -540px 0px;
}
body .center .pieces .future_ui__piece:nth-of-type(1) {
  -webkit-transform: rotateZ(-45deg) rotateY(0deg);
          transform: rotateZ(-45deg) rotateY(0deg);
  width: 269px;
}
body .center .pieces .future_ui__piece:nth-of-type(1):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(-45deg) translatex(20px);
          transform: rotate(-45deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(1):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(1):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(1):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(2) {
  -webkit-transform: rotateZ(-35deg) rotateY(0deg);
          transform: rotateZ(-35deg) rotateY(0deg);
  width: 272px;
}
body .center .pieces .future_ui__piece:nth-of-type(2):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(-35deg) translatex(20px);
          transform: rotate(-35deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(2):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(2):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(2):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(3) {
  -webkit-transform: rotateZ(-25deg) rotateY(0deg);
          transform: rotateZ(-25deg) rotateY(0deg);
  width: 288px;
}
body .center .pieces .future_ui__piece:nth-of-type(3):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(-25deg) translatex(20px);
          transform: rotate(-25deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(3):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(3):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(3):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(4) {
  -webkit-transform: rotateZ(-15deg) rotateY(0deg);
          transform: rotateZ(-15deg) rotateY(0deg);
  width: 287px;
}
body .center .pieces .future_ui__piece:nth-of-type(4):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(-15deg) translatex(20px);
          transform: rotate(-15deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(4):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(4):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(4):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(5) {
  -webkit-transform: rotateZ(-5deg) rotateY(0deg);
          transform: rotateZ(-5deg) rotateY(0deg);
  width: 282px;
}
body .center .pieces .future_ui__piece:nth-of-type(5):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(-5deg) translatex(20px);
          transform: rotate(-5deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(5):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(5):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(5):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(6) {
  -webkit-transform: rotateZ(5deg) rotateY(0deg);
          transform: rotateZ(5deg) rotateY(0deg);
  width: 254px;
}
body .center .pieces .future_ui__piece:nth-of-type(6):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(5deg) translatex(20px);
          transform: rotate(5deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(6):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(6):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(6):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(7) {
  -webkit-transform: rotateZ(15deg) rotateY(0deg);
          transform: rotateZ(15deg) rotateY(0deg);
  width: 247px;
}
body .center .pieces .future_ui__piece:nth-of-type(7):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(15deg) translatex(20px);
          transform: rotate(15deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(7):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(7):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(7):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(8) {
  -webkit-transform: rotateZ(25deg) rotateY(0deg);
          transform: rotateZ(25deg) rotateY(0deg);
  width: 228px;
}
body .center .pieces .future_ui__piece:nth-of-type(8):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(25deg) translatex(20px);
          transform: rotate(25deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(8):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(8):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(8):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(9) {
  -webkit-transform: rotateZ(35deg) rotateY(0deg);
          transform: rotateZ(35deg) rotateY(0deg);
  width: 289px;
}
body .center .pieces .future_ui__piece:nth-of-type(9):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(35deg) translatex(20px);
          transform: rotate(35deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(9):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(9):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(9):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(10) {
  -webkit-transform: rotateZ(45deg) rotateY(0deg);
          transform: rotateZ(45deg) rotateY(0deg);
  width: 235px;
}
body .center .pieces .future_ui__piece:nth-of-type(10):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(45deg) translatex(20px);
          transform: rotate(45deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(10):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(10):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(10):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(11) {
  -webkit-transform: rotateZ(55deg) rotateY(0deg);
          transform: rotateZ(55deg) rotateY(0deg);
  width: 243px;
}
body .center .pieces .future_ui__piece:nth-of-type(11):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(55deg) translatex(20px);
          transform: rotate(55deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(11):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(11):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(11):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(12) {
  -webkit-transform: rotateZ(65deg) rotateY(0deg);
          transform: rotateZ(65deg) rotateY(0deg);
  width: 268px;
}
body .center .pieces .future_ui__piece:nth-of-type(12):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(65deg) translatex(20px);
          transform: rotate(65deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(12):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(12):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(12):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(13) {
  -webkit-transform: rotateZ(75deg) rotateY(0deg);
          transform: rotateZ(75deg) rotateY(0deg);
  width: 228px;
}
body .center .pieces .future_ui__piece:nth-of-type(13):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(75deg) translatex(20px);
          transform: rotate(75deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(13):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(13):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(13):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(14) {
  -webkit-transform: rotateZ(85deg) rotateY(0deg);
          transform: rotateZ(85deg) rotateY(0deg);
  width: 226px;
}
body .center .pieces .future_ui__piece:nth-of-type(14):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(85deg) translatex(20px);
          transform: rotate(85deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(14):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(14):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(14):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(15) {
  -webkit-transform: rotateZ(95deg) rotateY(0deg);
          transform: rotateZ(95deg) rotateY(0deg);
  width: 235px;
}
body .center .pieces .future_ui__piece:nth-of-type(15):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(95deg) translatex(20px);
          transform: rotate(95deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(15):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(15):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(15):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(16) {
  -webkit-transform: rotateZ(105deg) rotateY(0deg);
          transform: rotateZ(105deg) rotateY(0deg);
  width: 291px;
}
body .center .pieces .future_ui__piece:nth-of-type(16):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(105deg) translatex(20px);
          transform: rotate(105deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(16):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(16):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(16):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(17) {
  -webkit-transform: rotateZ(115deg) rotateY(0deg);
          transform: rotateZ(115deg) rotateY(0deg);
  width: 240px;
}
body .center .pieces .future_ui__piece:nth-of-type(17):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(115deg) translatex(20px);
          transform: rotate(115deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(17):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(17):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(17):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(18) {
  -webkit-transform: rotateZ(125deg) rotateY(0deg);
          transform: rotateZ(125deg) rotateY(0deg);
  width: 270px;
}
body .center .pieces .future_ui__piece:nth-of-type(18):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(125deg) translatex(20px);
          transform: rotate(125deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(18):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(18):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(18):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(19) {
  -webkit-transform: rotateZ(135deg) rotateY(0deg);
          transform: rotateZ(135deg) rotateY(0deg);
  width: 243px;
}
body .center .pieces .future_ui__piece:nth-of-type(19):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(135deg) translatex(20px);
          transform: rotate(135deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(19):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(19):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(19):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(20) {
  -webkit-transform: rotateZ(145deg) rotateY(0deg);
          transform: rotateZ(145deg) rotateY(0deg);
  width: 281px;
}
body .center .pieces .future_ui__piece:nth-of-type(20):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(145deg) translatex(20px);
          transform: rotate(145deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(20):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(20):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(20):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(21) {
  -webkit-transform: rotateZ(155deg) rotateY(0deg);
          transform: rotateZ(155deg) rotateY(0deg);
  width: 275px;
}
body .center .pieces .future_ui__piece:nth-of-type(21):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(155deg) translatex(20px);
          transform: rotate(155deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(21):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(21):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(21):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(22) {
  -webkit-transform: rotateZ(165deg) rotateY(0deg);
          transform: rotateZ(165deg) rotateY(0deg);
  width: 242px;
}
body .center .pieces .future_ui__piece:nth-of-type(22):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(165deg) translatex(20px);
          transform: rotate(165deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(22):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(22):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(22):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(23) {
  -webkit-transform: rotateZ(175deg) rotateY(0deg);
          transform: rotateZ(175deg) rotateY(0deg);
  width: 264px;
}
body .center .pieces .future_ui__piece:nth-of-type(23):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(175deg) translatex(20px);
          transform: rotate(175deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(23):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(23):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(23):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(24) {
  -webkit-transform: rotateZ(185deg) rotateY(0deg);
          transform: rotateZ(185deg) rotateY(0deg);
  width: 257px;
}
body .center .pieces .future_ui__piece:nth-of-type(24):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(185deg) translatex(20px);
          transform: rotate(185deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(24):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(24):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(24):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(25) {
  -webkit-transform: rotateZ(195deg) rotateY(0deg);
          transform: rotateZ(195deg) rotateY(0deg);
  width: 226px;
}
body .center .pieces .future_ui__piece:nth-of-type(25):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(195deg) translatex(20px);
          transform: rotate(195deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(25):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(25):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(25):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(26) {
  -webkit-transform: rotateZ(205deg) rotateY(0deg);
          transform: rotateZ(205deg) rotateY(0deg);
  width: 225px;
}
body .center .pieces .future_ui__piece:nth-of-type(26):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(205deg) translatex(20px);
          transform: rotate(205deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(26):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(26):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(26):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(27) {
  -webkit-transform: rotateZ(215deg) rotateY(0deg);
          transform: rotateZ(215deg) rotateY(0deg);
  width: 290px;
}
body .center .pieces .future_ui__piece:nth-of-type(27):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(215deg) translatex(20px);
          transform: rotate(215deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(27):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(27):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(27):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(28) {
  -webkit-transform: rotateZ(225deg) rotateY(0deg);
          transform: rotateZ(225deg) rotateY(0deg);
  width: 283px;
}
body .center .pieces .future_ui__piece:nth-of-type(28):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(225deg) translatex(20px);
          transform: rotate(225deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(28):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(28):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(28):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(29) {
  -webkit-transform: rotateZ(235deg) rotateY(0deg);
          transform: rotateZ(235deg) rotateY(0deg);
  width: 226px;
}
body .center .pieces .future_ui__piece:nth-of-type(29):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(235deg) translatex(20px);
          transform: rotate(235deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(29):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(29):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(29):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(30) {
  -webkit-transform: rotateZ(245deg) rotateY(0deg);
          transform: rotateZ(245deg) rotateY(0deg);
  width: 238px;
}
body .center .pieces .future_ui__piece:nth-of-type(30):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(245deg) translatex(20px);
          transform: rotate(245deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(30):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(30):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(30):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(31) {
  -webkit-transform: rotateZ(255deg) rotateY(0deg);
          transform: rotateZ(255deg) rotateY(0deg);
  width: 224px;
}
body .center .pieces .future_ui__piece:nth-of-type(31):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(255deg) translatex(20px);
          transform: rotate(255deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(31):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(31):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(31):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(32) {
  -webkit-transform: rotateZ(265deg) rotateY(0deg);
          transform: rotateZ(265deg) rotateY(0deg);
  width: 247px;
}
body .center .pieces .future_ui__piece:nth-of-type(32):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(265deg) translatex(20px);
          transform: rotate(265deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(32):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(32):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(32):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(33) {
  -webkit-transform: rotateZ(275deg) rotateY(0deg);
          transform: rotateZ(275deg) rotateY(0deg);
  width: 221px;
}
body .center .pieces .future_ui__piece:nth-of-type(33):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(275deg) translatex(20px);
          transform: rotate(275deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(33):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(33):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(33):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(34) {
  -webkit-transform: rotateZ(285deg) rotateY(0deg);
          transform: rotateZ(285deg) rotateY(0deg);
  width: 278px;
}
body .center .pieces .future_ui__piece:nth-of-type(34):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(285deg) translatex(20px);
          transform: rotate(285deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(34):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(34):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(34):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(35) {
  -webkit-transform: rotateZ(295deg) rotateY(0deg);
          transform: rotateZ(295deg) rotateY(0deg);
  width: 278px;
}
body .center .pieces .future_ui__piece:nth-of-type(35):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(295deg) translatex(20px);
          transform: rotate(295deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(35):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(35):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(35):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .future_ui__piece:nth-of-type(36) {
  -webkit-transform: rotateZ(305deg) rotateY(0deg);
          transform: rotateZ(305deg) rotateY(0deg);
  width: 257px;
}
body .center .pieces .future_ui__piece:nth-of-type(36):hover {
  cursor: pointer;
  color: white;
  -webkit-animation: blink 0.4s 0.4s;
          animation: blink 0.4s 0.4s;
  background: #de0b46;
  -webkit-transform: rotate(305deg) translatex(20px);
          transform: rotate(305deg) translatex(20px);
  box-shadow: 0px 0px 55px rgba(0, 255, 0, 0.77);
}
body .center .pieces .future_ui__piece:nth-of-type(36):hover span {
  position: absolute;
  top: 12px;
  width: 270px;
  text-shadow: 0px 13px 0px rgba(30, 30, 30, 0.4);
  left: 240px;
  -webkit-transform: translateZ(100px) rotateZ(0deg);
          transform: translateZ(100px) rotateZ(0deg);
}
body .center .pieces .future_ui__piece:nth-of-type(36):hover .tip {
  opacity: 1;
  left: 110%;
}
body .center .pieces .future_ui__piece:nth-of-type(36):hover .line {
  opacity: 1;
  width: 547px;
  transition: all 0.4s 0.2s;
}
body .center .pieces .blank {
  opacity: 0.1;
  background: none;
  pointer-events: none;
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.27);
  border: 6px solid #3d4b6d !important;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes inalt {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes inalt {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: translateY(0) translateZ(-840px) rotateX(64deg) rotateY(-21deg) rotatez(80deg) scale(0.9);
            transform: translateY(0) translateZ(-840px) rotateX(64deg) rotateY(-21deg) rotatez(80deg) scale(0.9);
  }
  25% {
    -webkit-transform: translateY(0) translateZ(-820px) rotateX(66deg) rotateY(-24deg) rotatez(84deg) scale(0.9);
            transform: translateY(0) translateZ(-820px) rotateX(66deg) rotateY(-24deg) rotatez(84deg) scale(0.9);
  }
  50% {
    -webkit-transform: translateY(0) translateZ(-840px) rotateX(62deg) rotateY(-23deg) rotatez(82deg) scale(0.9);
            transform: translateY(0) translateZ(-840px) rotateX(62deg) rotateY(-23deg) rotatez(82deg) scale(0.9);
  }
  75% {
    -webkit-transform: translateY(0) translateZ(-840px) rotateX(63deg) rotateY(-19deg) rotatez(78deg) scale(0.9);
            transform: translateY(0) translateZ(-840px) rotateX(63deg) rotateY(-19deg) rotatez(78deg) scale(0.9);
  }
  100% {
    -webkit-transform: translateY(0) translateZ(-840px) rotateX(64deg) rotateY(-21deg) rotatez(80deg) scale(0.9);
            transform: translateY(0) translateZ(-840px) rotateX(64deg) rotateY(-21deg) rotatez(80deg) scale(0.9);
  }
}
@keyframes wiggle {
  0% {
    -webkit-transform: translateY(0) translateZ(-840px) rotateX(64deg) rotateY(-21deg) rotatez(80deg) scale(0.9);
            transform: translateY(0) translateZ(-840px) rotateX(64deg) rotateY(-21deg) rotatez(80deg) scale(0.9);
  }
  25% {
    -webkit-transform: translateY(0) translateZ(-820px) rotateX(66deg) rotateY(-24deg) rotatez(84deg) scale(0.9);
            transform: translateY(0) translateZ(-820px) rotateX(66deg) rotateY(-24deg) rotatez(84deg) scale(0.9);
  }
  50% {
    -webkit-transform: translateY(0) translateZ(-840px) rotateX(62deg) rotateY(-23deg) rotatez(82deg) scale(0.9);
            transform: translateY(0) translateZ(-840px) rotateX(62deg) rotateY(-23deg) rotatez(82deg) scale(0.9);
  }
  75% {
    -webkit-transform: translateY(0) translateZ(-840px) rotateX(63deg) rotateY(-19deg) rotatez(78deg) scale(0.9);
            transform: translateY(0) translateZ(-840px) rotateX(63deg) rotateY(-19deg) rotatez(78deg) scale(0.9);
  }
  100% {
    -webkit-transform: translateY(0) translateZ(-840px) rotateX(64deg) rotateY(-21deg) rotatez(80deg) scale(0.9);
            transform: translateY(0) translateZ(-840px) rotateX(64deg) rotateY(-21deg) rotatez(80deg) scale(0.9);
  }
}
@-webkit-keyframes intro_box {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  40% {
    -webkit-transform: scale(0.89);
            transform: scale(0.89);
  }
  60% {
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
  }
  80% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes intro_box {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  40% {
    -webkit-transform: scale(0.89);
            transform: scale(0.89);
  }
  60% {
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
  }
  80% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
*/