@import url("https://fonts.googleapis.com/css?family=Cardo:400i|Rubik:400,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");
:root {
  --d: 700ms;
  --e: cubic-bezier(0.19, 1, 0.22, 1);
  --font-sans: "Rubik", sans-serif;
  --font-serif: "Cardo", serif;
}
html, body {
  height: 100%;
  cursor: url(../arrow.cur), auto;
}
button,#ecchi .btn-glitch-fill{
  cursor: url(../hand.cur), pointer!important;
}
.card{
  cursor: url(../arrow2.cur), default;
}
.text-change-container{
  height: 50px;
}

/* * {
  box-sizing: border-box;
}

body {
  display: grid;
  place-items: center;
} */

.page-content {
  display: grid;
  grid-gap: 1rem;
  padding: 1rem;
  max-width: 1024px;
  margin: 0 auto;
  font-family: var(--font-sans);
}
@media (min-width: 600px) {
  .page-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 800px) {
  .page-content {
    grid-template-columns: repeat(3, 1fr);
  }
}

.card {
  border: none;
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding: 1rem;
  width: 100%;
  text-align: center;
  color: whitesmoke;
  background-color: whitesmoke;
  flex-direction: row;
  clip-path: polygon(15% 0, 98% 0, 100% 2%, 100% 98%, 98% 100%, 2% 100%, 0 98%, 0 15%);
  /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1); */
  --glow: drop-shadow(0 0 1px violet);
  filter: var(--glow) brightness(1.1) drop-shadow(0 0 13px violet);
}
@media (min-width: 600px) {
  .card {
    display: flex;
  }
}
.card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110%;
  background-size: cover;
  background-position: 0 0;
  transition: transform calc(var(--d) * 1.5) var(--e);
  pointer-events: none;
}
.card:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);
  transform: translateY(-50%);
  transition: transform calc(var(--d) * 2) var(--e);
}
.card:nth-child(1):before {
  /* background: url(https://cdn.discordapp.com/avatars/1131731086037237851/a_e2b734d674578f51a8884f5e2bce7ef8.gif?size=512) right;  background-image: url(https://assets.codepen.io/1692350/47.png); */
  background-image: url(https://i.pinimg.com/originals/3f/00/a6/3f00a6928e10a8517b4609249385f956.gif);
  background-size: cover;
    
}
.card:nth-child(2):before {
  /* background-image: url(../image.png); */
  background-image: url(https://media.tenor.com/V8PtryS_0JsAAAAd/sasha-yakovleva-sasha.gif);
}
.card:nth-child(3):before {
  background-image: url(https://i.pinimg.com/originals/db/4f/4a/db4f4a69aadcc244b866ec3075a08a01.gif);
}

.content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 1rem;
  transition: transform var(--d) var(--e);
  z-index: 1;
}
.content > * + * {
  margin-top: 1rem;
}

.title {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.2;
}

.copy {
  font-family: var(--font-serif);
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.35;
}

.btn {
  cursor: pointer;
  margin-top: 1.5rem;
  padding: 0.75rem 1.5rem;
  font-size: 0.65rem;
  font-weight: bold;
  letter-spacing: 0.025rem;
  text-transform: uppercase;
  color: white;
  background-color: black;
  border: none;
}
.btn:hover {
  background-color: #0d0d0d;
}
.btn:focus {
  outline: 1px dashed yellow;
  outline-offset: 3px;
}

@media (hover: hover) and (min-width: 600px) {
  .card:after {
    transform: translateY(0);
  }

  .content {
    transform: translateY(calc(100% - 4.5rem));
  }
  .content > *:not(.title) {
    opacity: 0;
    transform: translateY(1rem);
    transition: transform var(--d) var(--e), opacity var(--d) var(--e);
  }

  .card:hover,
.card:focus-within {
    align-items: center;
  }
  .card:hover:before,
.card:focus-within:before {
    transform: translateY(-4%);
  }
  .card:hover:after,
.card:focus-within:after {
    transform: translateY(-50%);
  }
  .card:hover .content,
.card:focus-within .content {
    transform: translateY(0);
  }
  .card:hover .content > *:not(.title),
.card:focus-within .content > *:not(.title) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc(var(--d) / 8);
  }

  .card:focus-within:before, .card:focus-within:after,
.card:focus-within .content,
.card:focus-within .content > *:not(.title) {
    transition-duration: 0s;
  }
}

.step-2,.step-3{
  display: none;
}

@keyframes blink {
  0.01% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  50.01% {
    opacity: 1;
  }
}
@keyframes scanline {
  0.01% {
    height: 0;
  }
  99.99% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}

body {
  margin: 0;
  padding: 16px;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
  background-color: #0f0000;
  background-size: 100px;
  color: red;
  height: 100%;
}

p,
pre {
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
  font-size: inherit;
  line-height: 1;
  margin: 0;
  display: block;
  padding: 5px;
}

.blink {
  opacity: 1;
  animation: blink 1s linear infinite;
}

.scanline {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.02);
  animation: scanline 8s linear infinite;
  pointer-events: none;
}

.terminal {
  grid-row: 1;
  grid-column: 1;
  display: grid;
  grid-gap: 3vw;
  padding: 3vw;
  grid-template-rows: 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr;
}
.glitch {
  animation: glitch 1.5s linear infinite;
}

.glitch--clone {
  opacity: 0.2;
}

.glitch--clone .hydra {
  filter: blur(2px);
  opacity: 0.8;
}

.glitch--top {
  animation: glitch--top 1s linear infinite;
}

.glitch--top .hydra {
  transform: translate(4vw, 4vw);
}

.glitch--bottom {
  animation: glitch--bottom 0.75s linear infinite;
}

.glitch--bottom .hydra {
  transform: translate(-1vw, -1vw);
}

.hydra {
  box-shadow: 0 0 2px red, inset 0 0 2px red;
  padding: 2vw;
  border: 0.2vw solid #ff6666;
  grid-row: 2/2;
  grid-column: 2/2;
}

.loading-bar--unloaded {
  color: #fff;
  text-shadow: 0 0 5px #fff;
}

.hidden {
  display: none;
}

p {
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
  font-size: inherit;
  line-height: 1.5;
  margin: 0;
}

.text--sm {
  font-size: 1.75vw;
}

* + .text--sm {
  padding-top: 0.5vw;
}

* + .loading-bar {
  padding-top: 1vw;
}


@keyframes glitch {
  2%, 64% {
    transform: translate(2px, 0) skew(0deg);
  }
  4%, 60% {
    transform: translate(-2px, 0) skew(0deg);
  }
  62% {
    transform: translate(0, 0) skew(5deg);
  }
}
@keyframes glitch--top {
  2%, 64% {
    transform: translate(2px, -2px);
  }
  4%, 60% {
    transform: translate(-2px, 2px);
  }
  62% {
    transform: translate(13px, -1px) skew(-13deg);
  }
}
@keyframes glitch--bottom {
  2%, 64% {
    transform: translate(-2px, 0);
  }
  4%, 60% {
    transform: translate(-2px, 0);
  }
  62% {
    transform: translate(-22px, 5px) skew(21deg);
  }
}

.header,.footer{
  text-align: center;
}

.header{
  height: 20vh;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}

.footer{
  margin-top: 10vmax;
}

.card h2{
  text-shadow: #0d0d0d;
}

.center-center {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%);
}

[class*=btn-glitch-] {
  display: inline-block;
  font-family: "VT323", monospace;
  border: 1px solid white;
  color: white;
  padding: 10px 13px;
  min-width: 175px;
  line-height: 1.5em;
  white-space: no-wrap;
  text-transform: uppercase;
  cursor: pointer;
}
[class*=btn-glitch-] .text,
[class*=btn-glitch-] .decoration {
  display: inline-block;
}
[class*=btn-glitch-] .decoration {
  display: inline-block;
  float: right;
}
[class*=btn-glitch-]:hover, [class*=btn-glitch-]:focus {
  animation-name: glitch;
  animation-duration: 0.2s;
  background-color: yellow;
  color: black;
  border: 1px solid yellow;
}
[class*=btn-glitch-]:hover .text-decoration, [class*=btn-glitch-]:focus .text-decoration {
  animation-name: blink;
  animation-duration: 0.1s;
  animation-iteration-count: infinite;
}
[class*=btn-glitch-]:hover .decoration, [class*=btn-glitch-]:focus .decoration {
  animation-name: blink;
  animation-duration: 0.1s;
  animation-iteration-count: infinite;
}
[class*=btn-glitch-]:hover :before, [class*=btn-glitch-]:focus :before {
  content: " ";
  width: 15px;
  border: 1px solid black;
  position: absolute;
  right: 25%;
  bottom: 3px;
  transform: rotate(35deg);
}
[class*=btn-glitch-]:hover :after, [class*=btn-glitch-]:focus :after {
  animation-name: shrink;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  content: " ";
  width: 75%;
  border: 1px solid black;
  position: absolute;
  left: 0;
  bottom: 5px;
}
[class*=btn-glitch-]:active {
  background: none;
  color: yellow;
}
[class*=btn-glitch-]:active .text-decoration {
  animation-name: none;
}
[class*=btn-glitch-]:active .decoration {
  animation-name: none;
}
[class*=btn-glitch-]:active :before, [class*=btn-glitch-]:active :after {
  display: none;
}

@keyframes glitch {
  25% {
    background-color: red;
    transform: translateX(-10px);
    letter-spacing: 10px;
  }
  35% {
    background-color: green;
    transform: translate(10px);
  }
  59% {
    opacity: 0;
  }
  60% {
    background-color: blue;
    transform: translate(-10px);
    filter: blur(5px);
  }
  100% {
    background-color: yellow;
    blur: 5px;
  }
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
@keyframes shrink {
  100% {
    width: 10%;
  }
}

#ecchi{
  background-color: #1e1c22;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23272629' fill-opacity='0.4' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
}
#plastik{
    cursor: url(../hand.cur), pointer;
}

/* MODAL CP MJKEY */

.modal {
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 420px; 
  min-height: 45px;
  transform: translate(-50%, -50%);
  border: 1px solid transparent;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  z-index: 1000;
  width: 0px; /*64vw*/
  height: 0px; /* 16:9 aspect ratio 36vw*/
  overflow: hidden;
  border-width: 3px;
  border-image: linear-gradient(45deg, #ff0000, #00ff00, #0000ff, #ff0000);
  border-image-slice: 1;
  border-image-source: unset;
  animation: borderGradient 5s linear infinite;
  resize: both;
  box-sizing: unset;
}
.size-pin{
  position: absolute;
  width: 0;
  height: 0;
  border-left: 18px solid transparent;
  border-bottom: 18px solid red;
  bottom: 0;
  right: 0;
}
@keyframes borderGradient {
  0% {
    border-image-source: linear-gradient(45deg, #ff0000, #00ff00, #0000ff, #ff0000);
  }
  25% {
    border-image-source: linear-gradient(45deg, #ff0000, #0000ff, #00ff00, #ff0000);
  }
  50% {
    border-image-source: linear-gradient(45deg, #0000ff, #ff0000, #00ff00, #0000ff);
  }
  75% {
    border-image-source: linear-gradient(45deg, #00ff00, #ff0000, #0000ff, #00ff00);
  }
  100% {
    border-image-source: linear-gradient(45deg, #ff0000, #00ff00, #0000ff, #ff0000);
  }
}

.modal-header {
  position: relative;
  padding: 10px;
  background-color: #1a1a1a;
  color: #00ff00;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: move;
  height: 25px;
  box-sizing: unset;
  border: unset;
  border-radius: 0;
}

.modal-header .close-icon{
  font-size: 20px;
  cursor: pointer;
  color: #1a1a1a;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ff0000;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
  box-sizing: unset;
}
.modal-header .minimize-icon {
  font-size: 20px;
  cursor: pointer;
  color: #1a1a1a;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eeff00;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
  box-sizing: unset;
}

.modal-header .close-icon:hover{
  background-color: #ff3300;
  transform: scale(1.2) rotate(45deg);
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.7);
  box-sizing: unset;
}

.modal-header .minimize-icon:hover {
  background-color: #3cff00;
  transform: scale(1.2) rotate(45deg);
  box-shadow: 0 0 10px rgba(21, 255, 0, 0.7);
  box-sizing: unset;
}

.modal-content {
  padding: 20px;
  color: #fff;
  background-color: #1e1c22;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23272629' fill-opacity='0.4' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
  height: calc(100% - 85px);
  box-sizing: unset;
  border: unset;
  border-radius: 0;
  width: auto;
  overflow: auto;
  scrollbar-width: none;
}

.modal-hbutton {
  display: flex;
  justify-content: space-between;
  width: 60px;
  position: absolute;
  right: 15px;
  box-sizing: unset;
}

.modal-htext {
  margin: 0 auto;
  user-select: none;
  box-sizing: unset;
}

.doncont img{
margin-right: 15%;
}
.doncont a{
  text-decoration: none;
}
#cyberModal3 a{
  text-decoration: none;
  text-align: center;
}

.sp {
  opacity: 0; /* Прячем текст с использованием нулевой прозрачности */
  transition: visibility 0s, opacity 2s; /* Добавляем плавное появление */
  color: #00ff00; /* Яркий зеленый цвет текста */
}

.sp:hover {
  opacity: 1; /* Изменяем прозрачность на 1 (полностью видимый) */
  color: #ff00ff; /* Изменяем цвет текста при наведении */
}
#num{
  color: #00ff00;
}
#num:hover{
  color: #ff00ff;
}
#eggscheck:hover{
 color: yellow;
}

body .text {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
body .text > div {
  display: inline-block;
  position: relative;
  font-size: 48vmin;
  color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation: float 4s infinite;
          animation: float 4s infinite;
}
body .text > div:nth-child(1) {
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}
body .text > div:nth-child(2) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
body .text > div:nth-child(3) {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
body .text > div:nth-child(4) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
body .text > div > div {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  text-shadow: 0 0 1px white;
}
body .text > div > div:not(:nth-child(n+3)), body .text > div > div:not(:nth-last-child(n+3)) {
  color: #ed5565;
  text-shadow: 0 0 1px #ed5565;
}
body .text > div > div:nth-child(1) {
  -webkit-transform: translateZ(-3.84vmin);
          transform: translateZ(-3.84vmin);
}
body .text > div > div:nth-child(2) {
  -webkit-transform: translateZ(-2.88vmin);
          transform: translateZ(-2.88vmin);
}
body .text > div > div:nth-child(3) {
  -webkit-transform: translateZ(-1.92vmin);
          transform: translateZ(-1.92vmin);
}
body .text > div > div:nth-child(4) {
  -webkit-transform: translateZ(-0.96vmin);
          transform: translateZ(-0.96vmin);
}
body .text > div > div:nth-child(5) {
  -webkit-transform: translateZ(0vmin);
          transform: translateZ(0vmin);
}
body .text > div > div:nth-child(6) {
  -webkit-transform: translateZ(0.96vmin);
          transform: translateZ(0.96vmin);
}
body .text > div > div:nth-child(7) {
  -webkit-transform: translateZ(1.92vmin);
          transform: translateZ(1.92vmin);
}
body .text > div > div:nth-child(8) {
  -webkit-transform: translateZ(2.88vmin);
          transform: translateZ(2.88vmin);
}
body .text > div > div:nth-child(9) {
  -webkit-transform: translateZ(3.84vmin);
          transform: translateZ(3.84vmin);
}
body .text > div > div:nth-child(10) {
  -webkit-transform: translateZ(4.8vmin);
          transform: translateZ(4.8vmin);
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: rotate3d(0, 1, 0, 30deg);
            transform: rotate3d(0, 1, 0, 30deg);
  }
  1% {
    -webkit-transform: rotate3d(0.0627905195, 0.9980267284, 0, 30deg);
            transform: rotate3d(0.0627905195, 0.9980267284, 0, 30deg);
  }
  2% {
    -webkit-transform: rotate3d(0.1253332336, 0.9921147013, 0, 30deg);
            transform: rotate3d(0.1253332336, 0.9921147013, 0, 30deg);
  }
  3% {
    -webkit-transform: rotate3d(0.1873813146, 0.9822872507, 0, 30deg);
            transform: rotate3d(0.1873813146, 0.9822872507, 0, 30deg);
  }
  4% {
    -webkit-transform: rotate3d(0.2486898872, 0.9685831611, 0, 30deg);
            transform: rotate3d(0.2486898872, 0.9685831611, 0, 30deg);
  }
  5% {
    -webkit-transform: rotate3d(0.3090169944, 0.9510565163, 0, 30deg);
            transform: rotate3d(0.3090169944, 0.9510565163, 0, 30deg);
  }
  6% {
    -webkit-transform: rotate3d(0.3681245527, 0.9297764859, 0, 30deg);
            transform: rotate3d(0.3681245527, 0.9297764859, 0, 30deg);
  }
  7% {
    -webkit-transform: rotate3d(0.4257792916, 0.9048270525, 0, 30deg);
            transform: rotate3d(0.4257792916, 0.9048270525, 0, 30deg);
  }
  8% {
    -webkit-transform: rotate3d(0.4817536741, 0.87630668, 0, 30deg);
            transform: rotate3d(0.4817536741, 0.87630668, 0, 30deg);
  }
  9% {
    -webkit-transform: rotate3d(0.535826795, 0.8443279255, 0, 30deg);
            transform: rotate3d(0.535826795, 0.8443279255, 0, 30deg);
  }
  10% {
    -webkit-transform: rotate3d(0.5877852523, 0.8090169944, 0, 30deg);
            transform: rotate3d(0.5877852523, 0.8090169944, 0, 30deg);
  }
  11% {
    -webkit-transform: rotate3d(0.6374239897, 0.7705132428, 0, 30deg);
            transform: rotate3d(0.6374239897, 0.7705132428, 0, 30deg);
  }
  12% {
    -webkit-transform: rotate3d(0.6845471059, 0.7289686274, 0, 30deg);
            transform: rotate3d(0.6845471059, 0.7289686274, 0, 30deg);
  }
  13% {
    -webkit-transform: rotate3d(0.7289686274, 0.6845471059, 0, 30deg);
            transform: rotate3d(0.7289686274, 0.6845471059, 0, 30deg);
  }
  14% {
    -webkit-transform: rotate3d(0.7705132428, 0.6374239897, 0, 30deg);
            transform: rotate3d(0.7705132428, 0.6374239897, 0, 30deg);
  }
  15% {
    -webkit-transform: rotate3d(0.8090169944, 0.5877852523, 0, 30deg);
            transform: rotate3d(0.8090169944, 0.5877852523, 0, 30deg);
  }
  16% {
    -webkit-transform: rotate3d(0.8443279255, 0.535826795, 0, 30deg);
            transform: rotate3d(0.8443279255, 0.535826795, 0, 30deg);
  }
  17% {
    -webkit-transform: rotate3d(0.87630668, 0.4817536741, 0, 30deg);
            transform: rotate3d(0.87630668, 0.4817536741, 0, 30deg);
  }
  18% {
    -webkit-transform: rotate3d(0.9048270525, 0.4257792916, 0, 30deg);
            transform: rotate3d(0.9048270525, 0.4257792916, 0, 30deg);
  }
  19% {
    -webkit-transform: rotate3d(0.9297764859, 0.3681245527, 0, 30deg);
            transform: rotate3d(0.9297764859, 0.3681245527, 0, 30deg);
  }
  20% {
    -webkit-transform: rotate3d(0.9510565163, 0.3090169944, 0, 30deg);
            transform: rotate3d(0.9510565163, 0.3090169944, 0, 30deg);
  }
  21% {
    -webkit-transform: rotate3d(0.9685831611, 0.2486898872, 0, 30deg);
            transform: rotate3d(0.9685831611, 0.2486898872, 0, 30deg);
  }
  22% {
    -webkit-transform: rotate3d(0.9822872507, 0.1873813146, 0, 30deg);
            transform: rotate3d(0.9822872507, 0.1873813146, 0, 30deg);
  }
  23% {
    -webkit-transform: rotate3d(0.9921147013, 0.1253332336, 0, 30deg);
            transform: rotate3d(0.9921147013, 0.1253332336, 0, 30deg);
  }
  24% {
    -webkit-transform: rotate3d(0.9980267284, 0.0627905195, 0, 30deg);
            transform: rotate3d(0.9980267284, 0.0627905195, 0, 30deg);
  }
  25% {
    -webkit-transform: rotate3d(1, 0, 0, 30deg);
            transform: rotate3d(1, 0, 0, 30deg);
  }
  26% {
    -webkit-transform: rotate3d(0.9980267284, -0.0627905195, 0, 30deg);
            transform: rotate3d(0.9980267284, -0.0627905195, 0, 30deg);
  }
  27% {
    -webkit-transform: rotate3d(0.9921147013, -0.1253332336, 0, 30deg);
            transform: rotate3d(0.9921147013, -0.1253332336, 0, 30deg);
  }
  28% {
    -webkit-transform: rotate3d(0.9822872507, -0.1873813146, 0, 30deg);
            transform: rotate3d(0.9822872507, -0.1873813146, 0, 30deg);
  }
  29% {
    -webkit-transform: rotate3d(0.9685831611, -0.2486898872, 0, 30deg);
            transform: rotate3d(0.9685831611, -0.2486898872, 0, 30deg);
  }
  30% {
    -webkit-transform: rotate3d(0.9510565163, -0.3090169944, 0, 30deg);
            transform: rotate3d(0.9510565163, -0.3090169944, 0, 30deg);
  }
  31% {
    -webkit-transform: rotate3d(0.9297764859, -0.3681245527, 0, 30deg);
            transform: rotate3d(0.9297764859, -0.3681245527, 0, 30deg);
  }
  32% {
    -webkit-transform: rotate3d(0.9048270525, -0.4257792916, 0, 30deg);
            transform: rotate3d(0.9048270525, -0.4257792916, 0, 30deg);
  }
  33% {
    -webkit-transform: rotate3d(0.87630668, -0.4817536741, 0, 30deg);
            transform: rotate3d(0.87630668, -0.4817536741, 0, 30deg);
  }
  34% {
    -webkit-transform: rotate3d(0.8443279255, -0.535826795, 0, 30deg);
            transform: rotate3d(0.8443279255, -0.535826795, 0, 30deg);
  }
  35% {
    -webkit-transform: rotate3d(0.8090169944, -0.5877852523, 0, 30deg);
            transform: rotate3d(0.8090169944, -0.5877852523, 0, 30deg);
  }
  36% {
    -webkit-transform: rotate3d(0.7705132428, -0.6374239897, 0, 30deg);
            transform: rotate3d(0.7705132428, -0.6374239897, 0, 30deg);
  }
  37% {
    -webkit-transform: rotate3d(0.7289686274, -0.6845471059, 0, 30deg);
            transform: rotate3d(0.7289686274, -0.6845471059, 0, 30deg);
  }
  38% {
    -webkit-transform: rotate3d(0.6845471059, -0.7289686274, 0, 30deg);
            transform: rotate3d(0.6845471059, -0.7289686274, 0, 30deg);
  }
  39% {
    -webkit-transform: rotate3d(0.6374239897, -0.7705132428, 0, 30deg);
            transform: rotate3d(0.6374239897, -0.7705132428, 0, 30deg);
  }
  40% {
    -webkit-transform: rotate3d(0.5877852523, -0.8090169944, 0, 30deg);
            transform: rotate3d(0.5877852523, -0.8090169944, 0, 30deg);
  }
  41% {
    -webkit-transform: rotate3d(0.535826795, -0.8443279255, 0, 30deg);
            transform: rotate3d(0.535826795, -0.8443279255, 0, 30deg);
  }
  42% {
    -webkit-transform: rotate3d(0.4817536741, -0.87630668, 0, 30deg);
            transform: rotate3d(0.4817536741, -0.87630668, 0, 30deg);
  }
  43% {
    -webkit-transform: rotate3d(0.4257792916, -0.9048270525, 0, 30deg);
            transform: rotate3d(0.4257792916, -0.9048270525, 0, 30deg);
  }
  44% {
    -webkit-transform: rotate3d(0.3681245527, -0.9297764859, 0, 30deg);
            transform: rotate3d(0.3681245527, -0.9297764859, 0, 30deg);
  }
  45% {
    -webkit-transform: rotate3d(0.3090169944, -0.9510565163, 0, 30deg);
            transform: rotate3d(0.3090169944, -0.9510565163, 0, 30deg);
  }
  46% {
    -webkit-transform: rotate3d(0.2486898872, -0.9685831611, 0, 30deg);
            transform: rotate3d(0.2486898872, -0.9685831611, 0, 30deg);
  }
  47% {
    -webkit-transform: rotate3d(0.1873813146, -0.9822872507, 0, 30deg);
            transform: rotate3d(0.1873813146, -0.9822872507, 0, 30deg);
  }
  48% {
    -webkit-transform: rotate3d(0.1253332336, -0.9921147013, 0, 30deg);
            transform: rotate3d(0.1253332336, -0.9921147013, 0, 30deg);
  }
  49% {
    -webkit-transform: rotate3d(0.0627905195, -0.9980267284, 0, 30deg);
            transform: rotate3d(0.0627905195, -0.9980267284, 0, 30deg);
  }
  50% {
    -webkit-transform: rotate3d(0, -0.9999999999, 0, 30deg);
            transform: rotate3d(0, -0.9999999999, 0, 30deg);
  }
  51% {
    -webkit-transform: rotate3d(-0.0627905195, -0.9980267283, 0, 30deg);
            transform: rotate3d(-0.0627905195, -0.9980267283, 0, 30deg);
  }
  52% {
    -webkit-transform: rotate3d(-0.1253332335, -0.9921147011, 0, 30deg);
            transform: rotate3d(-0.1253332335, -0.9921147011, 0, 30deg);
  }
  53% {
    -webkit-transform: rotate3d(-0.1873813145, -0.9822872505, 0, 30deg);
            transform: rotate3d(-0.1873813145, -0.9822872505, 0, 30deg);
  }
  54% {
    -webkit-transform: rotate3d(-0.2486898871, -0.9685831607, 0, 30deg);
            transform: rotate3d(-0.2486898871, -0.9685831607, 0, 30deg);
  }
  55% {
    -webkit-transform: rotate3d(-0.3090169943, -0.9510565157, 0, 30deg);
            transform: rotate3d(-0.3090169943, -0.9510565157, 0, 30deg);
  }
  56% {
    -webkit-transform: rotate3d(-0.3681245525, -0.929776485, 0, 30deg);
            transform: rotate3d(-0.3681245525, -0.929776485, 0, 30deg);
  }
  57% {
    -webkit-transform: rotate3d(-0.4257792914, -0.9048270511, 0, 30deg);
            transform: rotate3d(-0.4257792914, -0.9048270511, 0, 30deg);
  }
  58% {
    -webkit-transform: rotate3d(-0.4817536738, -0.8763066781, 0, 30deg);
            transform: rotate3d(-0.4817536738, -0.8763066781, 0, 30deg);
  }
  59% {
    -webkit-transform: rotate3d(-0.5358267945, -0.8443279226, 0, 30deg);
            transform: rotate3d(-0.5358267945, -0.8443279226, 0, 30deg);
  }
  60% {
    -webkit-transform: rotate3d(-0.5877852516, -0.8090169902, 0, 30deg);
            transform: rotate3d(-0.5877852516, -0.8090169902, 0, 30deg);
  }
  61% {
    -webkit-transform: rotate3d(-0.6374239888, -0.7705132368, 0, 30deg);
            transform: rotate3d(-0.6374239888, -0.7705132368, 0, 30deg);
  }
  62% {
    -webkit-transform: rotate3d(-0.6845471045, -0.7289686189, 0, 30deg);
            transform: rotate3d(-0.6845471045, -0.7289686189, 0, 30deg);
  }
  63% {
    -webkit-transform: rotate3d(-0.7289686253, -0.6845470938, 0, 30deg);
            transform: rotate3d(-0.7289686253, -0.6845470938, 0, 30deg);
  }
  64% {
    -webkit-transform: rotate3d(-0.7705132398, -0.6374239727, 0, 30deg);
            transform: rotate3d(-0.7705132398, -0.6374239727, 0, 30deg);
  }
  65% {
    -webkit-transform: rotate3d(-0.8090169901, -0.5877852283, 0, 30deg);
            transform: rotate3d(-0.8090169901, -0.5877852283, 0, 30deg);
  }
  66% {
    -webkit-transform: rotate3d(-0.8443279194, -0.5358267614, 0, 30deg);
            transform: rotate3d(-0.8443279194, -0.5358267614, 0, 30deg);
  }
  67% {
    -webkit-transform: rotate3d(-0.8763066715, -0.4817536274, 0, 30deg);
            transform: rotate3d(-0.8763066715, -0.4817536274, 0, 30deg);
  }
  68% {
    -webkit-transform: rotate3d(-0.9048270404, -0.425779227, 0, 30deg);
            transform: rotate3d(-0.9048270404, -0.425779227, 0, 30deg);
  }
  69% {
    -webkit-transform: rotate3d(-0.9297764691, -0.3681244637, 0, 30deg);
            transform: rotate3d(-0.9297764691, -0.3681244637, 0, 30deg);
  }
  70% {
    -webkit-transform: rotate3d(-0.9510564929, -0.3090168724, 0, 30deg);
            transform: rotate3d(-0.9510564929, -0.3090168724, 0, 30deg);
  }
  71% {
    -webkit-transform: rotate3d(-0.9685831287, -0.2486897207, 0, 30deg);
            transform: rotate3d(-0.9685831287, -0.2486897207, 0, 30deg);
  }
  72% {
    -webkit-transform: rotate3d(-0.9822872061, -0.1873810883, 0, 30deg);
            transform: rotate3d(-0.9822872061, -0.1873810883, 0, 30deg);
  }
  73% {
    -webkit-transform: rotate3d(-0.9921146401, -0.1253329274, 0, 30deg);
            transform: rotate3d(-0.9921146401, -0.1253329274, 0, 30deg);
  }
  74% {
    -webkit-transform: rotate3d(-0.9980266448, -0.0627901069, 0, 30deg);
            transform: rotate3d(-0.9980266448, -0.0627901069, 0, 30deg);
  }
  75% {
    -webkit-transform: rotate3d(-0.9999998862, 0.0000005537, 0, 30deg);
            transform: rotate3d(-0.9999998862, 0.0000005537, 0, 30deg);
  }
  76% {
    -webkit-transform: rotate3d(-0.9980265742, 0.0627912598, 0, 30deg);
            transform: rotate3d(-0.9980265742, 0.0627912598, 0, 30deg);
  }
  77% {
    -webkit-transform: rotate3d(-0.9921144932, 0.1253342195, 0, 30deg);
            transform: rotate3d(-0.9921144932, 0.1253342195, 0, 30deg);
  }
  78% {
    -webkit-transform: rotate3d(-0.982286971, 0.1873826227, 0, 30deg);
            transform: rotate3d(-0.982286971, 0.1873826227, 0, 30deg);
  }
  79% {
    -webkit-transform: rotate3d(-0.9685827866, 0.2486916166, 0, 30deg);
            transform: rotate3d(-0.9685827866, 0.2486916166, 0, 30deg);
  }
  80% {
    -webkit-transform: rotate3d(-0.9510560166, 0.3090192726, 0, 30deg);
            transform: rotate3d(-0.9510560166, 0.3090192726, 0, 30deg);
  }
  81% {
    -webkit-transform: rotate3d(-0.9297758216, 0.3681275437, 0, 30deg);
            transform: rotate3d(-0.9297758216, 0.3681275437, 0, 30deg);
  }
  82% {
    -webkit-transform: rotate3d(-0.9048261725, 0.425783205, 0, 30deg);
            transform: rotate3d(-0.9048261725, 0.425783205, 0, 30deg);
  }
  83% {
    -webkit-transform: rotate3d(-0.8763055184, 0.4817587777, 0, 30deg);
            transform: rotate3d(-0.8763055184, 0.4817587777, 0, 30deg);
  }
  84% {
    -webkit-transform: rotate3d(-0.8443263971, 0.5358334293, 0, 30deg);
            transform: rotate3d(-0.8443263971, 0.5358334293, 0, 30deg);
  }
  85% {
    -webkit-transform: rotate3d(-0.80901499, 0.5877938496, 0, 30deg);
            transform: rotate3d(-0.80901499, 0.5877938496, 0, 30deg);
  }
  86% {
    -webkit-transform: rotate3d(-0.7705106226, 0.6374350969, 0, 30deg);
            transform: rotate3d(-0.7705106226, 0.6374350969, 0, 30deg);
  }
  87% {
    -webkit-transform: rotate3d(-0.7289652129, 0.6845614127, 0, 30deg);
            transform: rotate3d(-0.7289652129, 0.6845614127, 0, 30deg);
  }
  88% {
    -webkit-transform: rotate3d(-0.6845426698, 0.7289870018, 0, 30deg);
            transform: rotate3d(-0.6845426698, 0.7289870018, 0, 30deg);
  }
  89% {
    -webkit-transform: rotate3d(-0.6374182434, 0.7705367741, 0, 30deg);
            transform: rotate3d(-0.6374182434, 0.7705367741, 0, 30deg);
  }
  90% {
    -webkit-transform: rotate3d(-0.5877778306, 0.8090470459, 0, 30deg);
            transform: rotate3d(-0.5877778306, 0.8090470459, 0, 30deg);
  }
  91% {
    -webkit-transform: rotate3d(-0.5358172367, 0.8443661994, 0, 30deg);
            transform: rotate3d(-0.5358172367, 0.8443661994, 0, 30deg);
  }
  92% {
    -webkit-transform: rotate3d(-0.4817413984, 0.876355296, 0, 30deg);
            transform: rotate3d(-0.4817413984, 0.876355296, 0, 30deg);
  }
  93% {
    -webkit-transform: rotate3d(-0.4257635689, 0.904888644, 0, 30deg);
            transform: rotate3d(-0.4257635689, 0.904888644, 0, 30deg);
  }
  94% {
    -webkit-transform: rotate3d(-0.3681044689, 0.9298543169, 0, 30deg);
            transform: rotate3d(-0.3681044689, 0.9298543169, 0, 30deg);
  }
  95% {
    -webkit-transform: rotate3d(-0.3089914068, 0.9511546228, 0, 30deg);
            transform: rotate3d(-0.3089914068, 0.9511546228, 0, 30deg);
  }
  96% {
    -webkit-transform: rotate3d(-0.2486573708, 0.9687065223, 0, 30deg);
            transform: rotate3d(-0.2486573708, 0.9687065223, 0, 30deg);
  }
  97% {
    -webkit-transform: rotate3d(-0.1873400968, 0.9824419959, 0, 30deg);
            transform: rotate3d(-0.1873400968, 0.9824419959, 0, 30deg);
  }
  98% {
    -webkit-transform: rotate3d(-0.1252811139, 0.9923083591, 0, 30deg);
            transform: rotate3d(-0.1252811139, 0.9923083591, 0, 30deg);
  }
  99% {
    -webkit-transform: rotate3d(-0.062724773, 0.9982685263, 0, 30deg);
            transform: rotate3d(-0.062724773, 0.9982685263, 0, 30deg);
  }
  100% {
    -webkit-transform: rotate3d(0.000082741, 1.000301224, 0, 30deg);
            transform: rotate3d(0.000082741, 1.000301224, 0, 30deg);
  }
}

@keyframes float {
  0% {
    -webkit-transform: rotate3d(0, 1, 0, 30deg);
            transform: rotate3d(0, 1, 0, 30deg);
  }
  1% {
    -webkit-transform: rotate3d(0.0627905195, 0.9980267284, 0, 30deg);
            transform: rotate3d(0.0627905195, 0.9980267284, 0, 30deg);
  }
  2% {
    -webkit-transform: rotate3d(0.1253332336, 0.9921147013, 0, 30deg);
            transform: rotate3d(0.1253332336, 0.9921147013, 0, 30deg);
  }
  3% {
    -webkit-transform: rotate3d(0.1873813146, 0.9822872507, 0, 30deg);
            transform: rotate3d(0.1873813146, 0.9822872507, 0, 30deg);
  }
  4% {
    -webkit-transform: rotate3d(0.2486898872, 0.9685831611, 0, 30deg);
            transform: rotate3d(0.2486898872, 0.9685831611, 0, 30deg);
  }
  5% {
    -webkit-transform: rotate3d(0.3090169944, 0.9510565163, 0, 30deg);
            transform: rotate3d(0.3090169944, 0.9510565163, 0, 30deg);
  }
  6% {
    -webkit-transform: rotate3d(0.3681245527, 0.9297764859, 0, 30deg);
            transform: rotate3d(0.3681245527, 0.9297764859, 0, 30deg);
  }
  7% {
    -webkit-transform: rotate3d(0.4257792916, 0.9048270525, 0, 30deg);
            transform: rotate3d(0.4257792916, 0.9048270525, 0, 30deg);
  }
  8% {
    -webkit-transform: rotate3d(0.4817536741, 0.87630668, 0, 30deg);
            transform: rotate3d(0.4817536741, 0.87630668, 0, 30deg);
  }
  9% {
    -webkit-transform: rotate3d(0.535826795, 0.8443279255, 0, 30deg);
            transform: rotate3d(0.535826795, 0.8443279255, 0, 30deg);
  }
  10% {
    -webkit-transform: rotate3d(0.5877852523, 0.8090169944, 0, 30deg);
            transform: rotate3d(0.5877852523, 0.8090169944, 0, 30deg);
  }
  11% {
    -webkit-transform: rotate3d(0.6374239897, 0.7705132428, 0, 30deg);
            transform: rotate3d(0.6374239897, 0.7705132428, 0, 30deg);
  }
  12% {
    -webkit-transform: rotate3d(0.6845471059, 0.7289686274, 0, 30deg);
            transform: rotate3d(0.6845471059, 0.7289686274, 0, 30deg);
  }
  13% {
    -webkit-transform: rotate3d(0.7289686274, 0.6845471059, 0, 30deg);
            transform: rotate3d(0.7289686274, 0.6845471059, 0, 30deg);
  }
  14% {
    -webkit-transform: rotate3d(0.7705132428, 0.6374239897, 0, 30deg);
            transform: rotate3d(0.7705132428, 0.6374239897, 0, 30deg);
  }
  15% {
    -webkit-transform: rotate3d(0.8090169944, 0.5877852523, 0, 30deg);
            transform: rotate3d(0.8090169944, 0.5877852523, 0, 30deg);
  }
  16% {
    -webkit-transform: rotate3d(0.8443279255, 0.535826795, 0, 30deg);
            transform: rotate3d(0.8443279255, 0.535826795, 0, 30deg);
  }
  17% {
    -webkit-transform: rotate3d(0.87630668, 0.4817536741, 0, 30deg);
            transform: rotate3d(0.87630668, 0.4817536741, 0, 30deg);
  }
  18% {
    -webkit-transform: rotate3d(0.9048270525, 0.4257792916, 0, 30deg);
            transform: rotate3d(0.9048270525, 0.4257792916, 0, 30deg);
  }
  19% {
    -webkit-transform: rotate3d(0.9297764859, 0.3681245527, 0, 30deg);
            transform: rotate3d(0.9297764859, 0.3681245527, 0, 30deg);
  }
  20% {
    -webkit-transform: rotate3d(0.9510565163, 0.3090169944, 0, 30deg);
            transform: rotate3d(0.9510565163, 0.3090169944, 0, 30deg);
  }
  21% {
    -webkit-transform: rotate3d(0.9685831611, 0.2486898872, 0, 30deg);
            transform: rotate3d(0.9685831611, 0.2486898872, 0, 30deg);
  }
  22% {
    -webkit-transform: rotate3d(0.9822872507, 0.1873813146, 0, 30deg);
            transform: rotate3d(0.9822872507, 0.1873813146, 0, 30deg);
  }
  23% {
    -webkit-transform: rotate3d(0.9921147013, 0.1253332336, 0, 30deg);
            transform: rotate3d(0.9921147013, 0.1253332336, 0, 30deg);
  }
  24% {
    -webkit-transform: rotate3d(0.9980267284, 0.0627905195, 0, 30deg);
            transform: rotate3d(0.9980267284, 0.0627905195, 0, 30deg);
  }
  25% {
    -webkit-transform: rotate3d(1, 0, 0, 30deg);
            transform: rotate3d(1, 0, 0, 30deg);
  }
  26% {
    -webkit-transform: rotate3d(0.9980267284, -0.0627905195, 0, 30deg);
            transform: rotate3d(0.9980267284, -0.0627905195, 0, 30deg);
  }
  27% {
    -webkit-transform: rotate3d(0.9921147013, -0.1253332336, 0, 30deg);
            transform: rotate3d(0.9921147013, -0.1253332336, 0, 30deg);
  }
  28% {
    -webkit-transform: rotate3d(0.9822872507, -0.1873813146, 0, 30deg);
            transform: rotate3d(0.9822872507, -0.1873813146, 0, 30deg);
  }
  29% {
    -webkit-transform: rotate3d(0.9685831611, -0.2486898872, 0, 30deg);
            transform: rotate3d(0.9685831611, -0.2486898872, 0, 30deg);
  }
  30% {
    -webkit-transform: rotate3d(0.9510565163, -0.3090169944, 0, 30deg);
            transform: rotate3d(0.9510565163, -0.3090169944, 0, 30deg);
  }
  31% {
    -webkit-transform: rotate3d(0.9297764859, -0.3681245527, 0, 30deg);
            transform: rotate3d(0.9297764859, -0.3681245527, 0, 30deg);
  }
  32% {
    -webkit-transform: rotate3d(0.9048270525, -0.4257792916, 0, 30deg);
            transform: rotate3d(0.9048270525, -0.4257792916, 0, 30deg);
  }
  33% {
    -webkit-transform: rotate3d(0.87630668, -0.4817536741, 0, 30deg);
            transform: rotate3d(0.87630668, -0.4817536741, 0, 30deg);
  }
  34% {
    -webkit-transform: rotate3d(0.8443279255, -0.535826795, 0, 30deg);
            transform: rotate3d(0.8443279255, -0.535826795, 0, 30deg);
  }
  35% {
    -webkit-transform: rotate3d(0.8090169944, -0.5877852523, 0, 30deg);
            transform: rotate3d(0.8090169944, -0.5877852523, 0, 30deg);
  }
  36% {
    -webkit-transform: rotate3d(0.7705132428, -0.6374239897, 0, 30deg);
            transform: rotate3d(0.7705132428, -0.6374239897, 0, 30deg);
  }
  37% {
    -webkit-transform: rotate3d(0.7289686274, -0.6845471059, 0, 30deg);
            transform: rotate3d(0.7289686274, -0.6845471059, 0, 30deg);
  }
  38% {
    -webkit-transform: rotate3d(0.6845471059, -0.7289686274, 0, 30deg);
            transform: rotate3d(0.6845471059, -0.7289686274, 0, 30deg);
  }
  39% {
    -webkit-transform: rotate3d(0.6374239897, -0.7705132428, 0, 30deg);
            transform: rotate3d(0.6374239897, -0.7705132428, 0, 30deg);
  }
  40% {
    -webkit-transform: rotate3d(0.5877852523, -0.8090169944, 0, 30deg);
            transform: rotate3d(0.5877852523, -0.8090169944, 0, 30deg);
  }
  41% {
    -webkit-transform: rotate3d(0.535826795, -0.8443279255, 0, 30deg);
            transform: rotate3d(0.535826795, -0.8443279255, 0, 30deg);
  }
  42% {
    -webkit-transform: rotate3d(0.4817536741, -0.87630668, 0, 30deg);
            transform: rotate3d(0.4817536741, -0.87630668, 0, 30deg);
  }
  43% {
    -webkit-transform: rotate3d(0.4257792916, -0.9048270525, 0, 30deg);
            transform: rotate3d(0.4257792916, -0.9048270525, 0, 30deg);
  }
  44% {
    -webkit-transform: rotate3d(0.3681245527, -0.9297764859, 0, 30deg);
            transform: rotate3d(0.3681245527, -0.9297764859, 0, 30deg);
  }
  45% {
    -webkit-transform: rotate3d(0.3090169944, -0.9510565163, 0, 30deg);
            transform: rotate3d(0.3090169944, -0.9510565163, 0, 30deg);
  }
  46% {
    -webkit-transform: rotate3d(0.2486898872, -0.9685831611, 0, 30deg);
            transform: rotate3d(0.2486898872, -0.9685831611, 0, 30deg);
  }
  47% {
    -webkit-transform: rotate3d(0.1873813146, -0.9822872507, 0, 30deg);
            transform: rotate3d(0.1873813146, -0.9822872507, 0, 30deg);
  }
  48% {
    -webkit-transform: rotate3d(0.1253332336, -0.9921147013, 0, 30deg);
            transform: rotate3d(0.1253332336, -0.9921147013, 0, 30deg);
  }
  49% {
    -webkit-transform: rotate3d(0.0627905195, -0.9980267284, 0, 30deg);
            transform: rotate3d(0.0627905195, -0.9980267284, 0, 30deg);
  }
  50% {
    -webkit-transform: rotate3d(0, -0.9999999999, 0, 30deg);
            transform: rotate3d(0, -0.9999999999, 0, 30deg);
  }
  51% {
    -webkit-transform: rotate3d(-0.0627905195, -0.9980267283, 0, 30deg);
            transform: rotate3d(-0.0627905195, -0.9980267283, 0, 30deg);
  }
  52% {
    -webkit-transform: rotate3d(-0.1253332335, -0.9921147011, 0, 30deg);
            transform: rotate3d(-0.1253332335, -0.9921147011, 0, 30deg);
  }
  53% {
    -webkit-transform: rotate3d(-0.1873813145, -0.9822872505, 0, 30deg);
            transform: rotate3d(-0.1873813145, -0.9822872505, 0, 30deg);
  }
  54% {
    -webkit-transform: rotate3d(-0.2486898871, -0.9685831607, 0, 30deg);
            transform: rotate3d(-0.2486898871, -0.9685831607, 0, 30deg);
  }
  55% {
    -webkit-transform: rotate3d(-0.3090169943, -0.9510565157, 0, 30deg);
            transform: rotate3d(-0.3090169943, -0.9510565157, 0, 30deg);
  }
  56% {
    -webkit-transform: rotate3d(-0.3681245525, -0.929776485, 0, 30deg);
            transform: rotate3d(-0.3681245525, -0.929776485, 0, 30deg);
  }
  57% {
    -webkit-transform: rotate3d(-0.4257792914, -0.9048270511, 0, 30deg);
            transform: rotate3d(-0.4257792914, -0.9048270511, 0, 30deg);
  }
  58% {
    -webkit-transform: rotate3d(-0.4817536738, -0.8763066781, 0, 30deg);
            transform: rotate3d(-0.4817536738, -0.8763066781, 0, 30deg);
  }
  59% {
    -webkit-transform: rotate3d(-0.5358267945, -0.8443279226, 0, 30deg);
            transform: rotate3d(-0.5358267945, -0.8443279226, 0, 30deg);
  }
  60% {
    -webkit-transform: rotate3d(-0.5877852516, -0.8090169902, 0, 30deg);
            transform: rotate3d(-0.5877852516, -0.8090169902, 0, 30deg);
  }
  61% {
    -webkit-transform: rotate3d(-0.6374239888, -0.7705132368, 0, 30deg);
            transform: rotate3d(-0.6374239888, -0.7705132368, 0, 30deg);
  }
  62% {
    -webkit-transform: rotate3d(-0.6845471045, -0.7289686189, 0, 30deg);
            transform: rotate3d(-0.6845471045, -0.7289686189, 0, 30deg);
  }
  63% {
    -webkit-transform: rotate3d(-0.7289686253, -0.6845470938, 0, 30deg);
            transform: rotate3d(-0.7289686253, -0.6845470938, 0, 30deg);
  }
  64% {
    -webkit-transform: rotate3d(-0.7705132398, -0.6374239727, 0, 30deg);
            transform: rotate3d(-0.7705132398, -0.6374239727, 0, 30deg);
  }
  65% {
    -webkit-transform: rotate3d(-0.8090169901, -0.5877852283, 0, 30deg);
            transform: rotate3d(-0.8090169901, -0.5877852283, 0, 30deg);
  }
  66% {
    -webkit-transform: rotate3d(-0.8443279194, -0.5358267614, 0, 30deg);
            transform: rotate3d(-0.8443279194, -0.5358267614, 0, 30deg);
  }
  67% {
    -webkit-transform: rotate3d(-0.8763066715, -0.4817536274, 0, 30deg);
            transform: rotate3d(-0.8763066715, -0.4817536274, 0, 30deg);
  }
  68% {
    -webkit-transform: rotate3d(-0.9048270404, -0.425779227, 0, 30deg);
            transform: rotate3d(-0.9048270404, -0.425779227, 0, 30deg);
  }
  69% {
    -webkit-transform: rotate3d(-0.9297764691, -0.3681244637, 0, 30deg);
            transform: rotate3d(-0.9297764691, -0.3681244637, 0, 30deg);
  }
  70% {
    -webkit-transform: rotate3d(-0.9510564929, -0.3090168724, 0, 30deg);
            transform: rotate3d(-0.9510564929, -0.3090168724, 0, 30deg);
  }
  71% {
    -webkit-transform: rotate3d(-0.9685831287, -0.2486897207, 0, 30deg);
            transform: rotate3d(-0.9685831287, -0.2486897207, 0, 30deg);
  }
  72% {
    -webkit-transform: rotate3d(-0.9822872061, -0.1873810883, 0, 30deg);
            transform: rotate3d(-0.9822872061, -0.1873810883, 0, 30deg);
  }
  73% {
    -webkit-transform: rotate3d(-0.9921146401, -0.1253329274, 0, 30deg);
            transform: rotate3d(-0.9921146401, -0.1253329274, 0, 30deg);
  }
  74% {
    -webkit-transform: rotate3d(-0.9980266448, -0.0627901069, 0, 30deg);
            transform: rotate3d(-0.9980266448, -0.0627901069, 0, 30deg);
  }
  75% {
    -webkit-transform: rotate3d(-0.9999998862, 0.0000005537, 0, 30deg);
            transform: rotate3d(-0.9999998862, 0.0000005537, 0, 30deg);
  }
  76% {
    -webkit-transform: rotate3d(-0.9980265742, 0.0627912598, 0, 30deg);
            transform: rotate3d(-0.9980265742, 0.0627912598, 0, 30deg);
  }
  77% {
    -webkit-transform: rotate3d(-0.9921144932, 0.1253342195, 0, 30deg);
            transform: rotate3d(-0.9921144932, 0.1253342195, 0, 30deg);
  }
  78% {
    -webkit-transform: rotate3d(-0.982286971, 0.1873826227, 0, 30deg);
            transform: rotate3d(-0.982286971, 0.1873826227, 0, 30deg);
  }
  79% {
    -webkit-transform: rotate3d(-0.9685827866, 0.2486916166, 0, 30deg);
            transform: rotate3d(-0.9685827866, 0.2486916166, 0, 30deg);
  }
  80% {
    -webkit-transform: rotate3d(-0.9510560166, 0.3090192726, 0, 30deg);
            transform: rotate3d(-0.9510560166, 0.3090192726, 0, 30deg);
  }
  81% {
    -webkit-transform: rotate3d(-0.9297758216, 0.3681275437, 0, 30deg);
            transform: rotate3d(-0.9297758216, 0.3681275437, 0, 30deg);
  }
  82% {
    -webkit-transform: rotate3d(-0.9048261725, 0.425783205, 0, 30deg);
            transform: rotate3d(-0.9048261725, 0.425783205, 0, 30deg);
  }
  83% {
    -webkit-transform: rotate3d(-0.8763055184, 0.4817587777, 0, 30deg);
            transform: rotate3d(-0.8763055184, 0.4817587777, 0, 30deg);
  }
  84% {
    -webkit-transform: rotate3d(-0.8443263971, 0.5358334293, 0, 30deg);
            transform: rotate3d(-0.8443263971, 0.5358334293, 0, 30deg);
  }
  85% {
    -webkit-transform: rotate3d(-0.80901499, 0.5877938496, 0, 30deg);
            transform: rotate3d(-0.80901499, 0.5877938496, 0, 30deg);
  }
  86% {
    -webkit-transform: rotate3d(-0.7705106226, 0.6374350969, 0, 30deg);
            transform: rotate3d(-0.7705106226, 0.6374350969, 0, 30deg);
  }
  87% {
    -webkit-transform: rotate3d(-0.7289652129, 0.6845614127, 0, 30deg);
            transform: rotate3d(-0.7289652129, 0.6845614127, 0, 30deg);
  }
  88% {
    -webkit-transform: rotate3d(-0.6845426698, 0.7289870018, 0, 30deg);
            transform: rotate3d(-0.6845426698, 0.7289870018, 0, 30deg);
  }
  89% {
    -webkit-transform: rotate3d(-0.6374182434, 0.7705367741, 0, 30deg);
            transform: rotate3d(-0.6374182434, 0.7705367741, 0, 30deg);
  }
  90% {
    -webkit-transform: rotate3d(-0.5877778306, 0.8090470459, 0, 30deg);
            transform: rotate3d(-0.5877778306, 0.8090470459, 0, 30deg);
  }
  91% {
    -webkit-transform: rotate3d(-0.5358172367, 0.8443661994, 0, 30deg);
            transform: rotate3d(-0.5358172367, 0.8443661994, 0, 30deg);
  }
  92% {
    -webkit-transform: rotate3d(-0.4817413984, 0.876355296, 0, 30deg);
            transform: rotate3d(-0.4817413984, 0.876355296, 0, 30deg);
  }
  93% {
    -webkit-transform: rotate3d(-0.4257635689, 0.904888644, 0, 30deg);
            transform: rotate3d(-0.4257635689, 0.904888644, 0, 30deg);
  }
  94% {
    -webkit-transform: rotate3d(-0.3681044689, 0.9298543169, 0, 30deg);
            transform: rotate3d(-0.3681044689, 0.9298543169, 0, 30deg);
  }
  95% {
    -webkit-transform: rotate3d(-0.3089914068, 0.9511546228, 0, 30deg);
            transform: rotate3d(-0.3089914068, 0.9511546228, 0, 30deg);
  }
  96% {
    -webkit-transform: rotate3d(-0.2486573708, 0.9687065223, 0, 30deg);
            transform: rotate3d(-0.2486573708, 0.9687065223, 0, 30deg);
  }
  97% {
    -webkit-transform: rotate3d(-0.1873400968, 0.9824419959, 0, 30deg);
            transform: rotate3d(-0.1873400968, 0.9824419959, 0, 30deg);
  }
  98% {
    -webkit-transform: rotate3d(-0.1252811139, 0.9923083591, 0, 30deg);
            transform: rotate3d(-0.1252811139, 0.9923083591, 0, 30deg);
  }
  99% {
    -webkit-transform: rotate3d(-0.062724773, 0.9982685263, 0, 30deg);
            transform: rotate3d(-0.062724773, 0.9982685263, 0, 30deg);
  }
  100% {
    -webkit-transform: rotate3d(0.000082741, 1.000301224, 0, 30deg);
            transform: rotate3d(0.000082741, 1.000301224, 0, 30deg);
  }
}

#slideshow {
  width: 300px;
  height: 300px; /* или любая другая высота, подходящая для ваших изображений */
  overflow: hidden;
  margin: 0 auto;
}

#slideshow img {
  width: 100%;
  height: auto;
  display: none;
}

.social-links {
  text-align: center;
  margin: 20px 0;
}

.social-icon {
  font-size: 36px;
  color: #00ff00;
  margin: 0 15px;
  display: inline-block;
  position: relative;
  text-decoration: none;
}

.social-icon:before,
.social-icon:after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
}

.social-icon:before {
  left: 2px;
  text-shadow: -2px 0 #ff0000;
  clip: rect(24px, 550px, 90px, 0);
  animation: glitch-anim-2 3s infinite linear alternate-reverse;
}

.social-icon:after {
  left: -2px;
  text-shadow: -2px 0 #ffff00;
  clip: rect(85px, 550px, 140px, 0);
  animation: glitch-anim 2.5s infinite linear alternate-reverse;
}

@keyframes glitch-anim {
  0% {
    clip: rect(42px, 9999px, 44px, 0);
    transform: skew(0.2deg);
  }
  5% {
    clip: rect(12px, 9999px, 59px, 0);
    transform: skew(0.1deg);
  }
  10% {
    clip: rect(48px, 9999px, 29px, 0);
    transform: skew(0.4deg);
  }
  15% {
    clip: rect(42px, 9999px, 73px, 0);
    transform: skew(0.3deg);
  }
  20% {
    clip: rect(63px, 9999px, 27px, 0);
    transform: skew(0.5deg);
  }
  25% {
    clip: rect(34px, 9999px, 55px, 0);
    transform: skew(0.2deg);
  }
  30% {
    clip: rect(86px, 9999px, 73px, 0);
    transform: skew(0.6deg);
  }
  35% {
    clip: rect(20px, 9999px, 78px, 0);
    transform: skew(0.1deg);
  }
  40% {
    clip: rect(26px, 9999px, 32px, 0);
    transform: skew(0.4deg);
  }
  45% {
    clip: rect(47px, 9999px, 26px, 0);
    transform: skew(0.3deg);
  }
  50% {
    clip: rect(76px, 9999px, 53px, 0);
    transform: skew(0.5deg);
  }
  55% {
    clip: rect(35px, 9999px, 67px, 0);
    transform: skew(0.2deg);
  }
  60% {
    clip: rect(89px, 9999px, 38px, 0);
    transform: skew(0.6deg);
  }
  65% {
    clip: rect(14px, 9999px, 52px, 0);
    transform: skew(0.1deg);
  }
  70% {
    clip: rect(71px, 9999px, 65px, 0);
    transform: skew(0.4deg);
  }
  75% {
    clip: rect(37px, 9999px, 31px, 0);
    transform: skew(0.3deg);
  }
  80% {
    clip: rect(53px, 9999px, 46px, 0);
    transform: skew(0.5deg);
  }
  85% {
    clip: rect(84px, 9999px, 79px, 0);
    transform: skew(0.2deg);
  }
  90% {
    clip: rect(16px, 9999px, 28px, 0);
    transform: skew(0.6deg);
  }
  95% {
    clip: rect(50px, 9999px, 57px, 0);
    transform: skew(0.1deg);
  }
  100% {
    clip: rect(63px, 9999px, 71px, 0);
    transform: skew(0.4deg);
  }
}

@keyframes glitch-anim-2 {
  0% {
    opacity: 1;
    transform: translate3d(var(--gap-horizontal), 0, 0);
    clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
  }
  2% {
    clip-path: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
  }
  6% {
    clip-path: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);
    transform: none;
  }
  7% {
    clip-path: polygon(0 44%, 100% 44%, 100% 54%, 0 54%);
    transform: none;
  }
  10% {
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
  }
  13% {
    clip-path: polygon(0 0, 100% 0, 100% 2%, 0 2%);
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
  }
  14%, 21% {
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    transform: none;
  }
  25% {
    clip-path: polygon(0 60%, 100% 60%, 100% 70%, 0 70%);
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
  }
  30% {
    clip-path: polygon(0 10%, 100% 10%, 100% 15%, 0 15%);
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
  }
  36%, 95% {
    clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    transform: none;
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transform: none;
  }
}

.social-icon:hover {
  animation: shake 0.5s infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}