:root {
  --sneakblue: #3388FF;
  --grey01: #333;
  --grey02: #222;
  --grey03: #141414;
  --grey04: #111;
  --grey00: #444;
}

html {
  height: -webkit-fill-available;
  box-sizing: border-box;
  font-size: 14px;
  color: #FFF;
}
html * {
  font-family: 'Open Sans', sans-serif;
}

.extra {
	font-family: "Kode Mono", monospace;
}

.crimson {
	color:crimson;
}

*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

h1, h2, h3, h4 {
  text-align: center;
  padding-bottom: 5px;
}

p {
  text-align: center;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  min-height: -webkit-fill-available;
  max-height: 100%;
  background-color: var(--grey04) !important;
}

a {
  color: white;
}

img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 5px;
}
img:hover {
  cursor: pointer;
}

video {
  max-width: 100%;
  max-height: 100%;
  display: block; /* remove extra space below image */
  border-radius: 5px;
}

audio{
  max-width: 100%;
}
audio::-webkit-media-controls-enclosure{
  background-color: var(--grey01) !important;
}
audio::-webkit-media-controls-panel {
    filter: invert(100%);
}
audio::-moz-media-controls-enclosure{
  background-color: var(--grey01) !important;
}
audio::-moz-media-controls-panel {
    filter: invert(100%);
}

.loging-card {
  max-width: 350px;
  max-width: 90%;
  background: var(--grey01);
    border-radius:5px;
    padding:20px;
}

.logo {
  font-size: 2em;
  font-family: 'Share Tech Mono', monospace;
}

.logo-img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.msger {
  display: flex;
  flex-flow: column wrap;
/*
  justify-content: space-between;
*/
  width: 100%;
  max-width: 750px;
  height: 100%;
  background: var(--grey02);
  box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
}

.msger-header {
  text-align: center;
  padding: 5px;
  background: var(--grey01);
  color: #FFF;
  font-weight: bold;
}

.msger-chat {
  flex: 1;
  overflow-y: auto;
  padding: 5px 20px 5px 20px;
  overflow-x: hidden;  
  background: var(--grey02);
/*
  border-bottom: 3px solid var(--grey01);
  border-top: 3px solid var(--grey01);
*/
}

.msger-chat::-webkit-scrollbar {
  width: 7px;
}
.msger-chat::-webkit-scrollbar-track {
  background: transparent;
}
.msger-chat::-webkit-scrollbar-thumb {
  background: var(--sneakblue);
}

.msg {
  display: flex;
  align-items: flex-end;
  margin-bottom: 5px;
}
.msg:last-of-type {
  margin: 0;
}

.msg-bubble {
  max-width: 80%;
  padding: 10px 10px 0px 10px;
  border-radius: 10px;
  background: var(--grey01);
}

.left-msg .msg-bubble {
  color: #fff;
  border-bottom-left-radius: 0;
}

.right-msg {
  flex-direction: row-reverse;
}
.right-msg .msg-bubble {
  background: var(--sneakblue);
  color: #fff;
  border-bottom-right-radius: 0;
}

.msg-name {
  font-size: 0.85em;
  font-weight: bold;	
}

.msg-text {
  padding-right: 40px;
}

.msg-info-time {
  display: flex;
  justify-content: right;
  font-size: 0.70em;
  position: relative;
  bottom: 10px;
}
.msger-inputarea {
  display: flex;
  padding: 10px;
  background: var(--grey01);
}
.msger-inputarea * {
  border-radius: 5px;
  border: none;
}

.msger-input {
  flex: 1;
  background: var(--grey00);
  padding: 10px;
  caret-color: #FFF;
  color: #FFF;
  margin-right: 10px;
}
.msger-input:focus {
  outline: none;
}

.form-input {
  border-radius: 5px;
  border: none;
  flex: 1;
  width: 100%;
  background: var(--grey00);
  padding: 10px;
  caret-color: #FFF;
  color: #FFF;
  margin-bottom: 10px;
}
.form-input:focus {
  outline: none;
}

.send-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  background: var(--grey00);
  border: none;
  border-radius: 5px;
  color: #FFF;
  cursor: pointer;
}
.send-btn:hover {
  background: var(--red01);
}

.adjuntar {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 10px 0px 10px;
  color: #888;
  cursor: pointer;
}

.adjuntar:hover {
  color: var(--red01);
}

.date {
  text-align:center;
  padding: 20px;
  font-size: 0.85em;
  color: #FFF;
}

/*MODAL IMAGE*/

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: var(--grey04);
}

/* Modal Content */
.modal-content {
  margin: auto;
  max-width: 99%;
  max-height: 99%;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}
@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}


/* SLIDE INTRO*/

@-webkit-keyframes type-animation{50%{opacity:1}}
@keyframes type-animation{50%{opacity:1}}.typing-dots span{opacity:0}.typing-dots span:first-child{-webkit-animation:type-animation 1s .33333s infinite;animation:type-animation 1s .33333s infinite}.typing-dots span:nth-child(2){-webkit-animation:type-animation 1s .66666s infinite;animation:type-animation 1s .66666s infinite}.typing-dots span:nth-child(3){-webkit-animation:type-animation 1s .99999s infinite;animation:type-animation 1s .99999s infinite}.zoom-in{cursor:pointer;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.zoom-in:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);--tw-scale-x:1.05;--tw-scale-y:1.05}*>.intro-x:first-child{transform:translateX(50px)}*>.-intro-x:first-child,*>.intro-x:first-child{z-index:49;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.1s;animation-delay:.1s}*>.-intro-x:first-child{transform:translateX(-50px)}*>.intro-y:first-child{transform:translateY(50px)}*>.-intro-y:first-child,*>.intro-y:first-child{z-index:49;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.1s;animation-delay:.1s}*>.-intro-y:first-child{transform:translateY(-50px)}*>.intro-x:nth-child(2){transform:translateX(50px)}*>.-intro-x:nth-child(2),*>.intro-x:nth-child(2){z-index:48;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.2s;animation-delay:.2s}*>.-intro-x:nth-child(2){transform:translateX(-50px)}*>.intro-y:nth-child(2){transform:translateY(50px)}*>.-intro-y:nth-child(2),*>.intro-y:nth-child(2){z-index:48;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.2s;animation-delay:.2s}*>.-intro-y:nth-child(2){transform:translateY(-50px)}*>.intro-x:nth-child(3){transform:translateX(50px)}*>.-intro-x:nth-child(3),*>.intro-x:nth-child(3){z-index:47;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.3s;animation-delay:.3s}*>.-intro-x:nth-child(3){transform:translateX(-50px)}*>.intro-y:nth-child(3){transform:translateY(50px)}*>.-intro-y:nth-child(3),*>.intro-y:nth-child(3){z-index:47;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.3s;animation-delay:.3s}*>.-intro-y:nth-child(3){transform:translateY(-50px)}*>.intro-x:nth-child(4){transform:translateX(50px)}*>.-intro-x:nth-child(4),*>.intro-x:nth-child(4){z-index:46;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.4s;animation-delay:.4s}*>.-intro-x:nth-child(4){transform:translateX(-50px)}*>.intro-y:nth-child(4){transform:translateY(50px)}*>.-intro-y:nth-child(4),*>.intro-y:nth-child(4){z-index:46;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.4s;animation-delay:.4s}*>.-intro-y:nth-child(4){transform:translateY(-50px)}*>.intro-x:nth-child(5){transform:translateX(50px)}*>.-intro-x:nth-child(5),*>.intro-x:nth-child(5){z-index:45;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.5s;animation-delay:.5s}*>.-intro-x:nth-child(5){transform:translateX(-50px)}*>.intro-y:nth-child(5){transform:translateY(50px)}*>.-intro-y:nth-child(5),*>.intro-y:nth-child(5){z-index:45;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.5s;animation-delay:.5s}*>.-intro-y:nth-child(5){transform:translateY(-50px)}*>.intro-x:nth-child(6){transform:translateX(50px)}*>.-intro-x:nth-child(6),*>.intro-x:nth-child(6){z-index:44;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.6s;animation-delay:.6s}*>.-intro-x:nth-child(6){transform:translateX(-50px)}*>.intro-y:nth-child(6){transform:translateY(50px)}*>.-intro-y:nth-child(6),*>.intro-y:nth-child(6){z-index:44;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.6s;animation-delay:.6s}*>.-intro-y:nth-child(6){transform:translateY(-50px)}*>.intro-x:nth-child(7){transform:translateX(50px)}*>.-intro-x:nth-child(7),*>.intro-x:nth-child(7){z-index:43;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.7s;animation-delay:.7s}*>.-intro-x:nth-child(7){transform:translateX(-50px)}*>.intro-y:nth-child(7){transform:translateY(50px)}*>.-intro-y:nth-child(7),*>.intro-y:nth-child(7){z-index:43;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.7s;animation-delay:.7s}*>.-intro-y:nth-child(7){transform:translateY(-50px)}*>.intro-x:nth-child(8){transform:translateX(50px)}*>.-intro-x:nth-child(8),*>.intro-x:nth-child(8){z-index:42;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.8s;animation-delay:.8s}*>.-intro-x:nth-child(8){transform:translateX(-50px)}*>.intro-y:nth-child(8){transform:translateY(50px)}*>.-intro-y:nth-child(8),*>.intro-y:nth-child(8){z-index:42;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.8s;animation-delay:.8s}*>.-intro-y:nth-child(8){transform:translateY(-50px)}*>.intro-x:nth-child(9){transform:translateX(50px)}*>.-intro-x:nth-child(9),*>.intro-x:nth-child(9){z-index:41;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.9s;animation-delay:.9s}*>.-intro-x:nth-child(9){transform:translateX(-50px)}*>.intro-y:nth-child(9){transform:translateY(50px)}*>.-intro-y:nth-child(9),*>.intro-y:nth-child(9){z-index:41;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.9s;animation-delay:.9s}*>.-intro-y:nth-child(9){transform:translateY(-50px)}*>.intro-x:nth-child(10){transform:translateX(50px)}*>.-intro-x:nth-child(10),*>.intro-x:nth-child(10){z-index:40;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}*>.-intro-x:nth-child(10){transform:translateX(-50px)}*>.intro-y:nth-child(10){transform:translateY(50px)}*>.-intro-y:nth-child(10),*>.intro-y:nth-child(10){z-index:40;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}*>.-intro-y:nth-child(10){transform:translateY(-50px)}*>.intro-x:nth-child(11){transform:translateX(50px)}*>.-intro-x:nth-child(11),*>.intro-x:nth-child(11){z-index:39;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.1s;animation-delay:1.1s}*>.-intro-x:nth-child(11){transform:translateX(-50px)}*>.intro-y:nth-child(11){transform:translateY(50px)}*>.-intro-y:nth-child(11),*>.intro-y:nth-child(11){z-index:39;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.1s;animation-delay:1.1s}*>.-intro-y:nth-child(11){transform:translateY(-50px)}*>.intro-x:nth-child(12){transform:translateX(50px)}*>.-intro-x:nth-child(12),*>.intro-x:nth-child(12){z-index:38;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}*>.-intro-x:nth-child(12){transform:translateX(-50px)}*>.intro-y:nth-child(12){transform:translateY(50px)}*>.-intro-y:nth-child(12),*>.intro-y:nth-child(12){z-index:38;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}*>.-intro-y:nth-child(12){transform:translateY(-50px)}*>.intro-x:nth-child(13){transform:translateX(50px)}*>.-intro-x:nth-child(13),*>.intro-x:nth-child(13){z-index:37;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.3s;animation-delay:1.3s}*>.-intro-x:nth-child(13){transform:translateX(-50px)}*>.intro-y:nth-child(13){transform:translateY(50px)}*>.-intro-y:nth-child(13),*>.intro-y:nth-child(13){z-index:37;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.3s;animation-delay:1.3s}*>.-intro-y:nth-child(13){transform:translateY(-50px)}*>.intro-x:nth-child(14){transform:translateX(50px)}*>.-intro-x:nth-child(14),*>.intro-x:nth-child(14){z-index:36;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.4s;animation-delay:1.4s}*>.-intro-x:nth-child(14){transform:translateX(-50px)}*>.intro-y:nth-child(14){transform:translateY(50px)}*>.-intro-y:nth-child(14),*>.intro-y:nth-child(14){z-index:36;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.4s;animation-delay:1.4s}*>.-intro-y:nth-child(14){transform:translateY(-50px)}*>.intro-x:nth-child(15){transform:translateX(50px)}*>.-intro-x:nth-child(15),*>.intro-x:nth-child(15){z-index:35;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}*>.-intro-x:nth-child(15){transform:translateX(-50px)}*>.intro-y:nth-child(15){transform:translateY(50px)}*>.-intro-y:nth-child(15),*>.intro-y:nth-child(15){z-index:35;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}*>.-intro-y:nth-child(15){transform:translateY(-50px)}*>.intro-x:nth-child(16){transform:translateX(50px)}*>.-intro-x:nth-child(16),*>.intro-x:nth-child(16){z-index:34;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.6s;animation-delay:1.6s}*>.-intro-x:nth-child(16){transform:translateX(-50px)}*>.intro-y:nth-child(16){transform:translateY(50px)}*>.-intro-y:nth-child(16),*>.intro-y:nth-child(16){z-index:34;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.6s;animation-delay:1.6s}*>.-intro-y:nth-child(16){transform:translateY(-50px)}*>.intro-x:nth-child(17){transform:translateX(50px)}*>.-intro-x:nth-child(17),*>.intro-x:nth-child(17){z-index:33;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.7s;animation-delay:1.7s}*>.-intro-x:nth-child(17){transform:translateX(-50px)}*>.intro-y:nth-child(17){transform:translateY(50px)}*>.-intro-y:nth-child(17),*>.intro-y:nth-child(17){z-index:33;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.7s;animation-delay:1.7s}*>.-intro-y:nth-child(17){transform:translateY(-50px)}*>.intro-x:nth-child(18){transform:translateX(50px)}*>.-intro-x:nth-child(18),*>.intro-x:nth-child(18){z-index:32;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.8s;animation-delay:1.8s}*>.-intro-x:nth-child(18){transform:translateX(-50px)}*>.intro-y:nth-child(18){transform:translateY(50px)}*>.-intro-y:nth-child(18),*>.intro-y:nth-child(18){z-index:32;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.8s;animation-delay:1.8s}*>.-intro-y:nth-child(18){transform:translateY(-50px)}*>.intro-x:nth-child(19){transform:translateX(50px)}*>.-intro-x:nth-child(19),*>.intro-x:nth-child(19){z-index:31;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.9s;animation-delay:1.9s}*>.-intro-x:nth-child(19){transform:translateX(-50px)}*>.intro-y:nth-child(19){transform:translateY(50px)}*>.-intro-y:nth-child(19),*>.intro-y:nth-child(19){z-index:31;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1.9s;animation-delay:1.9s}*>.-intro-y:nth-child(19){transform:translateY(-50px)}*>.intro-x:nth-child(20){transform:translateX(50px)}*>.-intro-x:nth-child(20),*>.intro-x:nth-child(20){z-index:30;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2s;animation-delay:2s}*>.-intro-x:nth-child(20){transform:translateX(-50px)}*>.intro-y:nth-child(20){transform:translateY(50px)}*>.-intro-y:nth-child(20),*>.intro-y:nth-child(20){z-index:30;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2s;animation-delay:2s}*>.-intro-y:nth-child(20){transform:translateY(-50px)}*>.intro-x:nth-child(21){transform:translateX(50px)}*>.-intro-x:nth-child(21),*>.intro-x:nth-child(21){z-index:29;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.1s;animation-delay:2.1s}*>.-intro-x:nth-child(21){transform:translateX(-50px)}*>.intro-y:nth-child(21){transform:translateY(50px)}*>.-intro-y:nth-child(21),*>.intro-y:nth-child(21){z-index:29;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.1s;animation-delay:2.1s}*>.-intro-y:nth-child(21){transform:translateY(-50px)}*>.intro-x:nth-child(22){transform:translateX(50px)}*>.-intro-x:nth-child(22),*>.intro-x:nth-child(22){z-index:28;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.2s;animation-delay:2.2s}*>.-intro-x:nth-child(22){transform:translateX(-50px)}*>.intro-y:nth-child(22){transform:translateY(50px)}*>.-intro-y:nth-child(22),*>.intro-y:nth-child(22){z-index:28;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.2s;animation-delay:2.2s}*>.-intro-y:nth-child(22){transform:translateY(-50px)}*>.intro-x:nth-child(23){transform:translateX(50px)}*>.-intro-x:nth-child(23),*>.intro-x:nth-child(23){z-index:27;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.3s;animation-delay:2.3s}*>.-intro-x:nth-child(23){transform:translateX(-50px)}*>.intro-y:nth-child(23){transform:translateY(50px)}*>.-intro-y:nth-child(23),*>.intro-y:nth-child(23){z-index:27;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.3s;animation-delay:2.3s}*>.-intro-y:nth-child(23){transform:translateY(-50px)}*>.intro-x:nth-child(24){transform:translateX(50px)}*>.-intro-x:nth-child(24),*>.intro-x:nth-child(24){z-index:26;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.4s;animation-delay:2.4s}*>.-intro-x:nth-child(24){transform:translateX(-50px)}*>.intro-y:nth-child(24){transform:translateY(50px)}*>.-intro-y:nth-child(24),*>.intro-y:nth-child(24){z-index:26;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.4s;animation-delay:2.4s}*>.-intro-y:nth-child(24){transform:translateY(-50px)}*>.intro-x:nth-child(25){transform:translateX(50px)}*>.-intro-x:nth-child(25),*>.intro-x:nth-child(25){z-index:25;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.5s;animation-delay:2.5s}*>.-intro-x:nth-child(25){transform:translateX(-50px)}*>.intro-y:nth-child(25){transform:translateY(50px)}*>.-intro-y:nth-child(25),*>.intro-y:nth-child(25){z-index:25;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.5s;animation-delay:2.5s}*>.-intro-y:nth-child(25){transform:translateY(-50px)}*>.intro-x:nth-child(26){transform:translateX(50px)}*>.-intro-x:nth-child(26),*>.intro-x:nth-child(26){z-index:24;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.6s;animation-delay:2.6s}*>.-intro-x:nth-child(26){transform:translateX(-50px)}*>.intro-y:nth-child(26){transform:translateY(50px)}*>.-intro-y:nth-child(26),*>.intro-y:nth-child(26){z-index:24;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.6s;animation-delay:2.6s}*>.-intro-y:nth-child(26){transform:translateY(-50px)}*>.intro-x:nth-child(27){transform:translateX(50px)}*>.-intro-x:nth-child(27),*>.intro-x:nth-child(27){z-index:23;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.7s;animation-delay:2.7s}*>.-intro-x:nth-child(27){transform:translateX(-50px)}*>.intro-y:nth-child(27){transform:translateY(50px)}*>.-intro-y:nth-child(27),*>.intro-y:nth-child(27){z-index:23;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.7s;animation-delay:2.7s}*>.-intro-y:nth-child(27){transform:translateY(-50px)}*>.intro-x:nth-child(28){transform:translateX(50px)}*>.-intro-x:nth-child(28),*>.intro-x:nth-child(28){z-index:22;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.8s;animation-delay:2.8s}*>.-intro-x:nth-child(28){transform:translateX(-50px)}*>.intro-y:nth-child(28){transform:translateY(50px)}*>.-intro-y:nth-child(28),*>.intro-y:nth-child(28){z-index:22;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.8s;animation-delay:2.8s}*>.-intro-y:nth-child(28){transform:translateY(-50px)}*>.intro-x:nth-child(29){transform:translateX(50px)}*>.-intro-x:nth-child(29),*>.intro-x:nth-child(29){z-index:21;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.9s;animation-delay:2.9s}*>.-intro-x:nth-child(29){transform:translateX(-50px)}*>.intro-y:nth-child(29){transform:translateY(50px)}*>.-intro-y:nth-child(29),*>.intro-y:nth-child(29){z-index:21;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2.9s;animation-delay:2.9s}*>.-intro-y:nth-child(29){transform:translateY(-50px)}*>.intro-x:nth-child(30){transform:translateX(50px)}*>.-intro-x:nth-child(30),*>.intro-x:nth-child(30){z-index:20;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3s;animation-delay:3s}*>.-intro-x:nth-child(30){transform:translateX(-50px)}*>.intro-y:nth-child(30){transform:translateY(50px)}*>.-intro-y:nth-child(30),*>.intro-y:nth-child(30){z-index:20;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3s;animation-delay:3s}*>.-intro-y:nth-child(30){transform:translateY(-50px)}*>.intro-x:nth-child(31){transform:translateX(50px)}*>.-intro-x:nth-child(31),*>.intro-x:nth-child(31){z-index:19;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.1s;animation-delay:3.1s}*>.-intro-x:nth-child(31){transform:translateX(-50px)}*>.intro-y:nth-child(31){transform:translateY(50px)}*>.-intro-y:nth-child(31),*>.intro-y:nth-child(31){z-index:19;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.1s;animation-delay:3.1s}*>.-intro-y:nth-child(31){transform:translateY(-50px)}*>.intro-x:nth-child(32){transform:translateX(50px)}*>.-intro-x:nth-child(32),*>.intro-x:nth-child(32){z-index:18;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.2s;animation-delay:3.2s}*>.-intro-x:nth-child(32){transform:translateX(-50px)}*>.intro-y:nth-child(32){transform:translateY(50px)}*>.-intro-y:nth-child(32),*>.intro-y:nth-child(32){z-index:18;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.2s;animation-delay:3.2s}*>.-intro-y:nth-child(32){transform:translateY(-50px)}*>.intro-x:nth-child(33){transform:translateX(50px)}*>.-intro-x:nth-child(33),*>.intro-x:nth-child(33){z-index:17;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.3s;animation-delay:3.3s}*>.-intro-x:nth-child(33){transform:translateX(-50px)}*>.intro-y:nth-child(33){transform:translateY(50px)}*>.-intro-y:nth-child(33),*>.intro-y:nth-child(33){z-index:17;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.3s;animation-delay:3.3s}*>.-intro-y:nth-child(33){transform:translateY(-50px)}*>.intro-x:nth-child(34){transform:translateX(50px)}*>.-intro-x:nth-child(34),*>.intro-x:nth-child(34){z-index:16;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.4s;animation-delay:3.4s}*>.-intro-x:nth-child(34){transform:translateX(-50px)}*>.intro-y:nth-child(34){transform:translateY(50px)}*>.-intro-y:nth-child(34),*>.intro-y:nth-child(34){z-index:16;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.4s;animation-delay:3.4s}*>.-intro-y:nth-child(34){transform:translateY(-50px)}*>.intro-x:nth-child(35){transform:translateX(50px)}*>.-intro-x:nth-child(35),*>.intro-x:nth-child(35){z-index:15;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.5s;animation-delay:3.5s}*>.-intro-x:nth-child(35){transform:translateX(-50px)}*>.intro-y:nth-child(35){transform:translateY(50px)}*>.-intro-y:nth-child(35),*>.intro-y:nth-child(35){z-index:15;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.5s;animation-delay:3.5s}*>.-intro-y:nth-child(35){transform:translateY(-50px)}*>.intro-x:nth-child(36){transform:translateX(50px)}*>.-intro-x:nth-child(36),*>.intro-x:nth-child(36){z-index:14;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.6s;animation-delay:3.6s}*>.-intro-x:nth-child(36){transform:translateX(-50px)}*>.intro-y:nth-child(36){transform:translateY(50px)}*>.-intro-y:nth-child(36),*>.intro-y:nth-child(36){z-index:14;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.6s;animation-delay:3.6s}*>.-intro-y:nth-child(36){transform:translateY(-50px)}*>.intro-x:nth-child(37){transform:translateX(50px)}*>.-intro-x:nth-child(37),*>.intro-x:nth-child(37){z-index:13;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.7s;animation-delay:3.7s}*>.-intro-x:nth-child(37){transform:translateX(-50px)}*>.intro-y:nth-child(37){transform:translateY(50px)}*>.-intro-y:nth-child(37),*>.intro-y:nth-child(37){z-index:13;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.7s;animation-delay:3.7s}*>.-intro-y:nth-child(37){transform:translateY(-50px)}*>.intro-x:nth-child(38){transform:translateX(50px)}*>.-intro-x:nth-child(38),*>.intro-x:nth-child(38){z-index:12;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.8s;animation-delay:3.8s}*>.-intro-x:nth-child(38){transform:translateX(-50px)}*>.intro-y:nth-child(38){transform:translateY(50px)}*>.-intro-y:nth-child(38),*>.intro-y:nth-child(38){z-index:12;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.8s;animation-delay:3.8s}*>.-intro-y:nth-child(38){transform:translateY(-50px)}*>.intro-x:nth-child(39){transform:translateX(50px)}*>.-intro-x:nth-child(39),*>.intro-x:nth-child(39){z-index:11;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.9s;animation-delay:3.9s}*>.-intro-x:nth-child(39){transform:translateX(-50px)}*>.intro-y:nth-child(39){transform:translateY(50px)}*>.-intro-y:nth-child(39),*>.intro-y:nth-child(39){z-index:11;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3.9s;animation-delay:3.9s}*>.-intro-y:nth-child(39){transform:translateY(-50px)}*>.intro-x:nth-child(40){transform:translateX(50px)}*>.-intro-x:nth-child(40),*>.intro-x:nth-child(40){z-index:10;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4s;animation-delay:4s}*>.-intro-x:nth-child(40){transform:translateX(-50px)}*>.intro-y:nth-child(40){transform:translateY(50px)}*>.-intro-y:nth-child(40),*>.intro-y:nth-child(40){z-index:10;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4s;animation-delay:4s}*>.-intro-y:nth-child(40){transform:translateY(-50px)}*>.intro-x:nth-child(41){transform:translateX(50px)}*>.-intro-x:nth-child(41),*>.intro-x:nth-child(41){z-index:9;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.1s;animation-delay:4.1s}*>.-intro-x:nth-child(41){transform:translateX(-50px)}*>.intro-y:nth-child(41){transform:translateY(50px)}*>.-intro-y:nth-child(41),*>.intro-y:nth-child(41){z-index:9;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.1s;animation-delay:4.1s}*>.-intro-y:nth-child(41){transform:translateY(-50px)}*>.intro-x:nth-child(42){transform:translateX(50px)}*>.-intro-x:nth-child(42),*>.intro-x:nth-child(42){z-index:8;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.2s;animation-delay:4.2s}*>.-intro-x:nth-child(42){transform:translateX(-50px)}*>.intro-y:nth-child(42){transform:translateY(50px)}*>.-intro-y:nth-child(42),*>.intro-y:nth-child(42){z-index:8;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.2s;animation-delay:4.2s}*>.-intro-y:nth-child(42){transform:translateY(-50px)}*>.intro-x:nth-child(43){transform:translateX(50px)}*>.-intro-x:nth-child(43),*>.intro-x:nth-child(43){z-index:7;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.3s;animation-delay:4.3s}*>.-intro-x:nth-child(43){transform:translateX(-50px)}*>.intro-y:nth-child(43){transform:translateY(50px)}*>.-intro-y:nth-child(43),*>.intro-y:nth-child(43){z-index:7;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.3s;animation-delay:4.3s}*>.-intro-y:nth-child(43){transform:translateY(-50px)}*>.intro-x:nth-child(44){transform:translateX(50px)}*>.-intro-x:nth-child(44),*>.intro-x:nth-child(44){z-index:6;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.4s;animation-delay:4.4s}*>.-intro-x:nth-child(44){transform:translateX(-50px)}*>.intro-y:nth-child(44){transform:translateY(50px)}*>.-intro-y:nth-child(44),*>.intro-y:nth-child(44){z-index:6;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.4s;animation-delay:4.4s}*>.-intro-y:nth-child(44){transform:translateY(-50px)}*>.intro-x:nth-child(45){transform:translateX(50px)}*>.-intro-x:nth-child(45),*>.intro-x:nth-child(45){z-index:5;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.5s;animation-delay:4.5s}*>.-intro-x:nth-child(45){transform:translateX(-50px)}*>.intro-y:nth-child(45){transform:translateY(50px)}*>.-intro-y:nth-child(45),*>.intro-y:nth-child(45){z-index:5;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.5s;animation-delay:4.5s}*>.-intro-y:nth-child(45){transform:translateY(-50px)}*>.intro-x:nth-child(46){transform:translateX(50px)}*>.-intro-x:nth-child(46),*>.intro-x:nth-child(46){z-index:4;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.6s;animation-delay:4.6s}*>.-intro-x:nth-child(46){transform:translateX(-50px)}*>.intro-y:nth-child(46){transform:translateY(50px)}*>.-intro-y:nth-child(46),*>.intro-y:nth-child(46){z-index:4;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.6s;animation-delay:4.6s}*>.-intro-y:nth-child(46){transform:translateY(-50px)}*>.intro-x:nth-child(47){transform:translateX(50px)}*>.-intro-x:nth-child(47),*>.intro-x:nth-child(47){z-index:3;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.7s;animation-delay:4.7s}*>.-intro-x:nth-child(47){transform:translateX(-50px)}*>.intro-y:nth-child(47){transform:translateY(50px)}*>.-intro-y:nth-child(47),*>.intro-y:nth-child(47){z-index:3;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.7s;animation-delay:4.7s}*>.-intro-y:nth-child(47){transform:translateY(-50px)}*>.intro-x:nth-child(48){transform:translateX(50px)}*>.-intro-x:nth-child(48),*>.intro-x:nth-child(48){z-index:2;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.8s;animation-delay:4.8s}*>.-intro-x:nth-child(48){transform:translateX(-50px)}*>.intro-y:nth-child(48){transform:translateY(50px)}*>.-intro-y:nth-child(48),*>.intro-y:nth-child(48){z-index:2;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.8s;animation-delay:4.8s}*>.-intro-y:nth-child(48){transform:translateY(-50px)}*>.intro-x:nth-child(49){transform:translateX(50px)}*>.-intro-x:nth-child(49),*>.intro-x:nth-child(49){z-index:1;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.9s;animation-delay:4.9s}*>.-intro-x:nth-child(49){transform:translateX(-50px)}*>.intro-y:nth-child(49){transform:translateY(50px)}*>.-intro-y:nth-child(49),*>.intro-y:nth-child(49){z-index:1;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4.9s;animation-delay:4.9s}*>.-intro-y:nth-child(49){transform:translateY(-50px)}*>.intro-x:nth-child(50){transform:translateX(50px)}*>.-intro-x:nth-child(50),*>.intro-x:nth-child(50){z-index:0;opacity:0;position:relative;-webkit-animation:intro-x-animation .4s ease-in-out .33333s;animation:intro-x-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:5s;animation-delay:5s}*>.-intro-x:nth-child(50){transform:translateX(-50px)}*>.intro-y:nth-child(50){transform:translateY(50px)}*>.-intro-y:nth-child(50),*>.intro-y:nth-child(50){z-index:0;opacity:0;position:relative;-webkit-animation:intro-y-animation .4s ease-in-out .33333s;animation:intro-y-animation .4s ease-in-out .33333s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:5s;animation-delay:5s}*>.-intro-y:nth-child(50){transform:translateY(-50px)}
@-webkit-keyframes intro-x-animation{to{opacity:1;transform:translateX(0)}}
@keyframes intro-x-animation{to{opacity:1;transform:translateX(0)}}
@-webkit-keyframes intro-y-animation{to{opacity:1;transform:translateY(0)}}
@keyframes intro-y-animation{to{opacity:1;transform:translateY(0)}}