.syri {
  position: relative;
  width: 100vw;
  min-width: 800px;
  height: 100vh;
  min-height: 600px;
  background: transparent;
}
  .syri *, .syri *:before, .syri *:after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
  }


.eye {
  width: 332px; height: 332px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #EBEDF3;
  

  animation: eyeAnimation 4s cubic-bezier(1, 0, 1, 1) infinite;
}
@keyframes eyeAnimation {
  0%, 33%, 100% {
    box-shadow: inset -8px -13px 20px -10px rgba(230, 230, 236, 0.04), 64px 55px 40px -40px #38406A, 20px 18px 30px -10px #38406A, inset -70px -50px 60px -30px #4b6398, inset -90px -90px 70px -90px #697398, inset -70px -50px 100px -40px #697398, inset 80px 50px 80px -50px #eeeef3, -25px -15px 50px -10px #F6F6FB, 14px -1px 50px -10px #7e7ea9, 1px 9px 50px -10px #7e7ea9, inset -90px 40px 60px -20px rgba(116, 66, 255, 0.1), inset -90px -120px 60px -20px rgba(116, 66, 255, 0.1);
    transform: translate(-50%, -50%) scale(1.25);
  }
  65% {
    box-shadow: inset -8px -13px 60px -10px rgba(230, 230, 236, 0.2), 44px 35px 20px -20px #687294, 11px 9px 9px -4px #6e799d, inset -100px -70px 40px -110px #6A789C, inset -90px -90px 70px -90px #697398, inset -70px -50px 100px -40px #697398, inset 80px 50px 80px -50px #eeeef3, -25px -15px 30px -10px #F6F6FB;
    transform: translate(-50%, -50%) scale(1);
  }
}


  .eye::after {
    width: 160px; height: 160px;
    border-radius: 50%;
    box-shadow: inset -50px -20px 30px 0px #e7e2f5, inset 100px 10px 20px -27px #2f2c4c, 0px 0px 10px 7px rgba(231, 226, 245, 1);

    animation: pupilAnimationSize 4s cubic-bezier(1, 0, 1, 1) infinite,
               pupilAnimationView 4s ease infinite;
  }
@keyframes pupilAnimationSize {
  0%, 30%, 100% { transform: translate(-50%, -50%) scale(0.85); }
  40%, 90%      { transform: translate(-50%, -50%) scale(0.5); }
}
@keyframes pupilAnimationView {
  0%, 30%, 100% {
    box-shadow: inset -50px -20px 30px 0px #e7e2f5, inset 100px 10px 20px -27px #2f2c4c, 0px 0px 10px 7px rgba(231, 226, 245, 1);
  }
  60%, 66% {
    box-shadow: inset -50px -20px 30px 0px rgba(231, 226, 245, 0), inset 10px 10px 70px -27px rgba(47, 44, 76, 0), 0px 0px 10px 7px hsla(256, 49%, 92%, 0);
  }
  90% {
    box-shadow: inset -50px -20px 30px 0px #e7e2f5, inset 100px 10px 20px -27px #2f2c4c, 0px 0px 10px 7px rgba(231, 226, 245, 1);
  }
}


.circle-1 {
  width: 475px; height: 475px;
  border-radius: 50%;
  border: 1px solid transparent;
  border-right-color: rgba(223, 228, 255, 0.6);

  animation: circle1AnimationOpacity 4s ease infinite,
             circle1AnimationMove 4s ease infinite;
}
@keyframes circle1AnimationMove {
  00%, 100%     { transform: translate(-50%, -50%) rotate(49deg); }
  07%           { transform: translate(-50%, -50%) rotate(38deg); }
  12%, 19%, 68% { transform: translate(-50%, -50%) rotate(42deg); }
  26%, 30%      { transform: translate(-50%, -50%) rotate(82deg); }
  73%           { transform: translate(-50%, -50%) rotate(34deg); }
  87%, 92%      { transform: translate(-50%, -50%) rotate(69deg); }
  94%           { transform: translate(-50%, -50%) rotate(65deg); }
}
@keyframes circle1AnimationOpacity {
  00%, 27%, 73%, 100% { opacity: 1; }
  30%, 70%            { opacity: 0; }
}


.circle-2 {
  width: 475px; height: 475px;
  border-radius: 50%;
  border: 1px solid transparent;
  border-right-color: rgba(223, 228, 255, 0.6);

  animation: circle2AnimationOpacity 4s ease infinite,
             circle2AnimationMove 4s ease infinite;
}
@keyframes circle2AnimationMove {
  0%, 100% { transform: translate(-50%, -50%) rotate(229deg); }
  9%       { transform: translate(-50%, -50%) rotate(220deg); }
  14%, 21% { transform: translate(-50%, -50%) rotate(225deg); }
  29%, 67% { transform: translate(-50%, -50%) rotate(262deg); }
  82%      { transform: translate(-50%, -50%) rotate(241deg); }
  90%, 94% { transform: translate(-50%, -50%) rotate(249deg); }
  99%      { transform: translate(-50%, -50%) rotate(245deg); }
}
@keyframes circle2AnimationOpacity {
  0%, 27%, 79%, 100% { opacity: 1; }
  30%, 76%           { opacity: 0; }
}


.circle-3 {
  left: calc(50% + 93px);
  top: calc(50% - 189px);
  width: 106px; height: 280px;
  overflow: hidden;
}
  .circle-3::before {
    left: -275%;
    top: -4%;
    width: 393px;
    height: 393px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-right-color: rgba(223, 228, 255, 0.6);

    animation: circle3Animation 4s ease infinite;
  }
@keyframes circle3Animation {
  0%   { transform: rotate(-3deg); }
  20%  { transform: rotate(-107deg); }
  79%  { transform: rotate(-286deg); }
  100% { transform: rotate(-364deg); }
}


.circle-4 {
  width: 295px; height: 295px;
  border-radius: 50%;
  border: 1px solid transparent;
  border-right-color: rgb(251, 251, 251);
  border-left-color: rgba(251, 251, 251, 0.2);

  animation: circle4AnimationMove 4s cubic-bezier(1, 0, 1, 1) infinite,
             circle4AnimationOpacity 4s ease infinite;
}
@keyframes circle4AnimationMove {
  0%, 100% { transform: translate(-50%, -50%) rotate(219deg) scale(1); }
  6%       { transform: translate(-50%, -50%) rotate(221deg) scale(0.9); }
  16%      { transform: translate(-50%, -50%) rotate(302deg) scale(0.9); }
  22%      { transform: translate(-50%, -50%) rotate(307deg) scale(0.9); }
  29%      { transform: translate(-50%, -50%) rotate(312deg) scale(0.93); }
  33%      { transform: translate(-50%, -50%) rotate(310deg) scale(0.93); }
  36%      { transform: translate(-50%, -50%) rotate(300deg) scale(0.7); }
  39%      { transform: translate(-50%, -50%) rotate(220deg) scale(0.92); }
  50%, 57% { transform: translate(-50%, -50%) rotate(248deg) scale(0.92); }
  66%      { transform: translate(-50%, -50%) rotate(225deg) scale(0.92); }
  73%, 81% { transform: translate(-50%, -50%) rotate(243deg) scale(0.92); }
  93%      { transform: translate(-50%, -50%) rotate(215deg) scale(1); }
}
@keyframes circle4AnimationOpacity {
  00%, 33%, 50%, 100% { opacity: 1; }
  36%, 39% { opacity: 0; }
}


.circle-5 {
  width: 100px; height: 100px;
  transform: translate(-50%, -50%);
  
  animation: circle5AnimationSize 4s cubic-bezier(1, 0, 1, 1) infinite,
             circle5AnimationView 4s ease infinite;
}
  .circle-5::before {
    width: 173px; height: 173px;
    border-radius: 50%;
    border: 1px solid rgb(251, 251, 251);
    transform: translate(-50%, -50%);
  }
  .circle-5::after {
    width: 177px; height: 177px;
    border-radius: 50%;
    border: 1px solid rgb(251, 251, 251);
    transform: translate(-50%, -50%);
  }
@keyframes circle5AnimationSize {
  0%, 38%, 82.82%, 100% { transform: translate(-50%, -50%) scale(1); }
  45%, 75.44%           { transform: translate(-50%, -50%) scale(0.7); }
}
@keyframes circle5AnimationView {
  0%, 5.7%, 7.4%, 9.8%, 11.5%, 14%, 15.6%, 18.9%, 21.3%, 23.8%, 25.4%, 28.7%, 35.3%, 42%, 77.9%, 82.7%, 83.6%, 85.2%, 86.1%, 91.8%, 93.5%, 97.6%, 100% { opacity: 1; }
  2.5%, 6.6%, 8.2%, 10.7%, 14.8%, 18%, 20.5%, 22.1%, 24.6%, 27.9%, 36%, 88.6% { opacity: 0.5; }
  47%, 77.8%, 82.8%, 83.5%, 85.3%, 86%, 90.2%, 92.7%, 96.8%, 99.2% { opacity: 0; }
}


.circle-6 {
  top: 50%; left: 50%;
  width: 190px; height: 190px;
  background: repeating-conic-gradient(from 0deg, rgba(179, 221, 255, 0.4) 0deg 1deg, transparent 1deg 2deg);
  clip-path: url(#bagel1);
  border-radius: 50%;

  animation: circle6Animation 4s cubic-bezier(1, 0, 1, 1) infinite;
}
@keyframes circle6Animation {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  8%, 35% {
    transform: translate(-50%, -50%) scale(0.93);
    opacity: 1;
  }
  40%, 90% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  95%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

.circle-7 {
  top: 50%; left: 50%;
  width: 142px; height: 142px;
  filter: blur(1px);

  animation: circle6Animation 4s -0.1s cubic-bezier(1, 0, 1, 1) infinite;
}
  .circle-7::before {
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: repeating-conic-gradient(from 0deg, rgba(114, 87, 187, 0.6) 0deg 2deg, transparent 2deg 8deg);
    clip-path: url(#bagel2);
    border-radius: 50%;
  }


.circle-8 {
  top: 50%; left: 50%;
  width: 120px; height: 120px;
  background: repeating-conic-gradient(from 0deg, rgba(236, 247, 255, 0.68) 0deg 1deg, transparent 1deg 2deg);
  clip-path: url(#bagel3);
  border-radius: 50%;

  animation: circle6Animation 4s -0.13s cubic-bezier(1, 0, 1, 1) infinite;
}


.circle-9 {
  top: 50%; left: 50%;
  width: 76px; height: 76px;
  background: repeating-conic-gradient(from 0deg, rgba(236, 247, 255, 0.68) 0deg 1deg, transparent 1deg 2deg);
  clip-path: url(#bagel4);
  border-radius: 50%;

  animation: circle6Animation 4s -0.16s cubic-bezier(1, 0, 1, 1) infinite;
}


.circle-10 {
  top: 50%; left: 50%;
  width: 190px; height: 190px;
  background: radial-gradient(rgba(230, 245, 255, 0.6), rgba(201, 243, 255, 0.5), rgba(74, 105, 160, 0.3), transparent 70%);
  clip-path: url(#bagel1);
  border-radius: 50%;

  animation: circle10Animation 4s cubic-bezier(1, 0, 1, 1) infinite;
}
@keyframes circle10Animation {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  4%, 30% {
    transform: translate(-50%, -50%) scale(0.93);
    opacity: 1;
  }
  35%, 93% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  98%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}


.circle-11 {
  top: 50%; left: 50%;
  width: 190px; height: 190px;
  background: repeating-conic-gradient(from 0deg, rgba(229, 243, 255, 0.1) 0deg 1deg, transparent 1deg 8deg, rgba(229, 243, 255, 0.3) 8deg 9deg, transparent 9deg 10deg, rgba(229, 243, 255, 0.1) 10deg 11deg, transparent 11deg 72deg);
  clip-path: url(#bagel1);
  border-radius: 50%;

  animation: circle11Animation 4s cubic-bezier(1, 0, 1, 1) infinite;
}
@keyframes circle11Animation {
  0%, 98%, 100% {
    transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1;
  }
  15% {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  25% {
    transform: translate(-50%, -50%) rotate(-10deg);
  }
  30% {
    opacity: 1;
  }
  35% {
    transform: translate(-50%, -50%) rotate(-20deg);
    opacity: 0;
  }
  93% {
    transform: translate(-50%, -50%) rotate(80deg);
    opacity: 0;
  }
}


.circle-12 {
  top: 50%; left: 50%;
  width: 190px; height: 190px;
  background: repeating-conic-gradient(from 0deg, rgba(208, 233, 255, 0.2) 20deg 21deg, transparent 21deg 40deg, rgba(192, 223, 249, 0.25) 40deg 41deg, transparent 41deg 43deg, rgba(179, 220, 255, 0.15) 43deg 44deg, transparent 44deg 76deg);
  clip-path: url(#bagel1);
  border-radius: 50%;

  animation: circle12Animation 4s cubic-bezier(1, 0, 1, 1) infinite;
}
@keyframes circle12Animation {
  0%, 96%, 100% {
    transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1;
  }
  10% {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  25% {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  30% {
    opacity: 1;
  }
  35% {
    transform: translate(-50%, -50%) rotate(50deg);
    opacity: 0;
  }
  93% {
    transform: translate(-50%, -50%) rotate(-90deg);
    opacity: 0;
  }
}


.circle-13 {
  width: 100px; height: 100px;
  transform: translate(-50%, -50%);
  animation: circle13AnimationSize 4s cubic-bezier(1, 0, 1, 1) infinite,
             circle13AnimationView 4s ease infinite;
}
  .circle-13::before {
    width: 110px; height: 110px;
    border-radius: 50%;
    border: 1px solid rgb(251, 251, 251);
    transform: translate(-50%, -50%);
  }
  .circle-13::after {
    width: 120px; height: 120px;
    border-radius: 50%;
    border: 1px solid rgba(251, 251, 251, 0.5);
    transform: translate(-50%, -50%);
  }
@keyframes circle13AnimationSize {
  0%, 32%, 86%, 100% { transform: translate(-50%, -50%) scale(1); }
  38%, 82% { transform: translate(-50%, -50%) scale(0.2); }
}
@keyframes circle13AnimationView {
  /* подвигать */
  0% { opacity: 1; }
  2.5% { opacity: 0.5; }
  5.7% { opacity: 1; }
  6.6% { opacity: 0.5; }
  7.4% { opacity: 1; }
  8.2% { opacity: 0.5; }
  9.8% { opacity: 1; }
  10.7% { opacity: 0.5; }
  11.5%, 14% { opacity: 1; }
  14.8% { opacity: 0.5; }
  15.6% { opacity: 1; }
  18% { opacity: 0.5; }
  18.9% { opacity: 1; }
  20.5% { opacity: 0.5; }
  21.3% { opacity: 1; }
  22.1% { opacity: 0.5; }
  23.8% { opacity: 1; }
  24.6% { opacity: 0.5; }
  25.4% { opacity: 1; }
  27.9% { opacity: 0.5; }
  28.7%, 32% { opacity: 1; }
  38% { opacity: 0; }
  82% { opacity: 0; }
  86% { opacity: 1; }
  88.6% { opacity: 0.5; }
  90.2% { opacity: 0; }
  91.8% { opacity: 1; }
  92.7% { opacity: 0; }
  93.5% { opacity: 1; }
  96.8% { opacity: 0; }
  97.6% { opacity: 1; }
  99.2% { opacity: 0; }
  100% { opacity: 1; }
}

.circle-14 {
  width: 100px; height: 100px;
  transform: translate(-50%, -50%);
  animation: circle13AnimationSize 4s -0.15s cubic-bezier(1, 0, 1, 1) infinite,
             circle14AnimationView 4s ease infinite;
}
  .circle-14::before {
    width: 70px; height: 70px;
    border-radius: 50%;
    border: 1px solid rgba(251, 251, 251, 0.5);
    transform: translate(-50%, -50%);
  }
  .circle-14::after {
    width: 95px; height: 95px;
    border-radius: 50%;
    border: 1px solid rgba(251, 251, 251, 0.3);
    transform: translate(-50%, -50%);
  }

@keyframes circle14AnimationView {
  /* подвигать */
  0% { opacity: 1; }
  2.5% { opacity: 0.5; }
  5.7% { opacity: 1; }
  6.6% { opacity: 0.5; }
  7.4% { opacity: 1; }
  8.2% { opacity: 0.5; }
  9.8% { opacity: 1; }
  10.7% { opacity: 0.5; }
  11.5%, 14% { opacity: 1; }
  14.8% { opacity: 0.5; }
  15.6% { opacity: 1; }
  18% { opacity: 0.5; }
  18.9% { opacity: 1; }
  20.5% { opacity: 0.5; }
  21.3% { opacity: 1; }
  22.1% { opacity: 0.5; }
  23.8% { opacity: 1; }
  24.6% { opacity: 0.5; }
  25.4% { opacity: 1; }
  27.9% { opacity: 0.5; }
  28.7%, 32% { opacity: 1; }
  38% { opacity: 0; }
  82% { opacity: 0; }
  86% { opacity: 1; }
  88.6% { opacity: 0.5; }
  90.2% { opacity: 0; }
  91.8% { opacity: 1; }
  92.7% { opacity: 0; }
  93.5% { opacity: 1; }
  96.8% { opacity: 0; }
  97.6% { opacity: 1; }
  99.2% { opacity: 0; }
  100% { opacity: 1; }
}


.glitch {
  width: 2px; height: 2px;
  box-shadow: -21px -75px #8AC7ED, -16px -78px #8AC7ED, -8px -78px #8AC7ED, -5px -77px #8AC7ED, -2px -79px #8AC7ED, 10px -79px #8AC7ED, 25px -73px #8AC7ED, 41px -71px #8AC7ED, 44px -68px #8AC7ED, -26px -72px #8AC7ED, -45px -62px #8AC7ED, -65px -57px #8AC7ED, 59px -49px #8AC7ED, 67px -52px #8AC7ED, 37px -69px #8AC7ED, 43px -62px #8AC7ED, 39px -62px #8AC7ED, 17px -71px #8AC7ED, 28px -67px #8AC7ED, 65px -32px #8AC7ED, 73px -24px #8AC7ED, 67px -25px #8AC7ED, 76px -14px #8AC7ED, 70px -18px #8AC7ED, 82px 21px #8AC7ED, 79px 20px #8AC7ED, 72px 15px #8AC7ED, 55px 45px #8AC7ED, 48px 51px #8AC7ED, 43px 58px #8AC7ED, 37px 57px #8AC7ED, 36px 63px #8AC7ED, 32px 76px #8AC7ED, 35px 70px #8AC7ED, 25px 71px #8AC7ED, 20px 75px #8AC7ED, 5px 70px #8AC7ED, 7px 75px #8AC7ED, -5px 79px #8AC7ED, 3px 78px #8AC7ED, -1px 77px #8AC7ED, -13px 78px #8AC7ED, -15px 82px #8AC7ED, -20px 76px #8AC7ED, -18px 78px #8AC7ED, -17px 75px #8AC7ED, -22px 72px #8AC7ED, -34px 72px #8AC7ED, -36px 69px #8AC7ED, -43px 74px #8AC7ED, -41px 72px #8AC7ED, -42px 69px #8AC7ED, -38px 66px #8AC7ED, -43px 63px #8AC7ED, -37px 61px #8AC7ED, -56px 66px #8AC7ED, -54px 61px #8AC7ED, -58px 54px #8AC7ED, -60px 41px #8AC7ED, -50px 56px #8AC7ED, -54px 57px #8AC7ED, -60px 52px #8AC7ED, -74px 35px #8AC7ED, -76px 18px #8AC7ED, -74px 25px #8AC7ED, -69px 23px #8AC7ED, -84px 13px #8AC7ED, -73px 3px #8AC7ED, -80px -1px #8AC7ED, -79px -4px #8AC7ED, -79px -7px #8AC7ED, -70px -11px #8AC7ED, -67px -23px #8AC7ED, -84px -13px #8AC7ED, -71px -42px #8AC7ED, -61px -49px #8AC7ED, -58px -43px #8AC7ED, -55px -50px #8AC7ED, -32px -72px #8AC7ED, -80px -30px #8AC7ED, -59px -20px #8AC7ED, -79px 12px #8AC7ED, -76px 1px #8AC7ED, 8px 57px #8AC7ED, 59px 36px #8AC7ED, 60px 46px #8AC7ED, 54px 59px #8AC7ED, 44px 52px #8AC7ED, -31px 20px #8AC7ED, -56px 2px #8AC7ED, 47px 35px #8AC7ED, 70px 6px #8AC7ED, 60px -2px #8AC7ED,
              -21px -75px 0 1px rgba(255, 255, 255, 0.1), -16px -78px 0 1px rgba(255, 255, 255, 0.1), -8px -78px 0 1px rgba(255, 255, 255, 0.1), -5px -77px 0 1px rgba(255, 255, 255, 0.1), -2px -79px 0 1px rgba(255, 255, 255, 0.1), 10px -79px 0 1px rgba(255, 255, 255, 0.1), 25px -73px 0 1px rgba(255, 255, 255, 0.1), 41px -71px 0 1px rgba(255, 255, 255, 0.1), 44px -68px 0 1px rgba(255, 255, 255, 0.1), -26px -72px 0 1px rgba(255, 255, 255, 0.1), -45px -62px 0 1px rgba(255, 255, 255, 0.1), -65px -57px 0 1px rgba(255, 255, 255, 0.1), 59px -49px 0 1px rgba(255, 255, 255, 0.1), 67px -52px 0 1px rgba(255, 255, 255, 0.1), 37px -69px 0 1px rgba(255, 255, 255, 0.1), 43px -62px 0 1px rgba(255, 255, 255, 0.1), 39px -62px 0 1px rgba(255, 255, 255, 0.1), 17px -71px 0 1px rgba(255, 255, 255, 0.1), 28px -67px 0 1px rgba(255, 255, 255, 0.1), 65px -32px 0 1px rgba(255, 255, 255, 0.1), 73px -24px 0 1px rgba(255, 255, 255, 0.1), 67px -25px 0 1px rgba(255, 255, 255, 0.1), 76px -14px 0 1px rgba(255, 255, 255, 0.1), 70px -18px 0 1px rgba(255, 255, 255, 0.1), 82px 21px 0 1px rgba(255, 255, 255, 0.1), 79px 20px 0 1px rgba(255, 255, 255, 0.1), 72px 15px 0 1px rgba(255, 255, 255, 0.1), 55px 45px 0 1px rgba(255, 255, 255, 0.1), 48px 51px 0 1px rgba(255, 255, 255, 0.1), 43px 58px 0 1px rgba(255, 255, 255, 0.1), 37px 57px 0 1px rgba(255, 255, 255, 0.1), 36px 63px 0 1px rgba(255, 255, 255, 0.1), 32px 76px 0 1px rgba(255, 255, 255, 0.1), 35px 70px 0 1px rgba(255, 255, 255, 0.1), 25px 71px 0 1px rgba(255, 255, 255, 0.1), 20px 75px 0 1px rgba(255, 255, 255, 0.1), 5px 70px 0 1px rgba(255, 255, 255, 0.1), 7px 75px 0 1px rgba(255, 255, 255, 0.1), -5px 79px 0 1px rgba(255, 255, 255, 0.1), 3px 78px 0 1px rgba(255, 255, 255, 0.1), -1px 77px 0 1px rgba(255, 255, 255, 0.1), -13px 78px 0 1px rgba(255, 255, 255, 0.1), -15px 82px 0 1px rgba(255, 255, 255, 0.1), -20px 76px 0 1px rgba(255, 255, 255, 0.1), -18px 78px 0 1px rgba(255, 255, 255, 0.1), -17px 75px 0 1px rgba(255, 255, 255, 0.1), -22px 72px 0 1px rgba(255, 255, 255, 0.1), -34px 72px 0 1px rgba(255, 255, 255, 0.1), -36px 69px 0 1px rgba(255, 255, 255, 0.1), -43px 74px 0 1px rgba(255, 255, 255, 0.1), -41px 72px 0 1px rgba(255, 255, 255, 0.1), -42px 69px 0 1px rgba(255, 255, 255, 0.1), -38px 66px 0 1px rgba(255, 255, 255, 0.1), -43px 63px 0 1px rgba(255, 255, 255, 0.1), -37px 61px 0 1px rgba(255, 255, 255, 0.1), -56px 66px 0 1px rgba(255, 255, 255, 0.1), -54px 61px 0 1px rgba(255, 255, 255, 0.1), -58px 54px 0 1px rgba(255, 255, 255, 0.1), -60px 41px 0 1px rgba(255, 255, 255, 0.1), -50px 56px 0 1px rgba(255, 255, 255, 0.1), -54px 57px 0 1px rgba(255, 255, 255, 0.1), -60px 52px 0 1px rgba(255, 255, 255, 0.1), -74px 35px 0 1px rgba(255, 255, 255, 0.1), -76px 18px 0 1px rgba(255, 255, 255, 0.1), -74px 25px 0 1px rgba(255, 255, 255, 0.1), -69px 23px 0 1px rgba(255, 255, 255, 0.1), -84px 13px 0 1px rgba(255, 255, 255, 0.1), -73px 3px 0 1px rgba(255, 255, 255, 0.1), -80px -1px 0 1px rgba(255, 255, 255, 0.1), -79px -4px 0 1px rgba(255, 255, 255, 0.1), -79px -7px 0 1px rgba(255, 255, 255, 0.1), -70px -11px 0 1px rgba(255, 255, 255, 0.1), -67px -23px 0 1px rgba(255, 255, 255, 0.1), -84px -13px 0 1px rgba(255, 255, 255, 0.1), -71px -42px 0 1px rgba(255, 255, 255, 0.1), -61px -49px 0 1px rgba(255, 255, 255, 0.1), -58px -43px 0 1px rgba(255, 255, 255, 0.1), -55px -50px 0 1px rgba(255, 255, 255, 0.1), -32px -72px 0 1px rgba(255, 255, 255, 0.1), -80px -30px 0 1px rgba(255, 255, 255, 0.1), -59px -20px 0 1px rgba(255, 255, 255, 0.1), -79px 12px 0 1px rgba(255, 255, 255, 0.1), -76px 1px 0 1px rgba(255, 255, 255, 0.1), 8px 57px 0 1px rgba(255, 255, 255, 0.1), 59px 36px 0 1px rgba(255, 255, 255, 0.1), 60px 46px 0 1px rgba(255, 255, 255, 0.1), 54px 59px 0 1px rgba(255, 255, 255, 0.1), 44px 52px 0 1px rgba(255, 255, 255, 0.1), -31px 20px 0 1px rgba(255, 255, 255, 0.1), -56px 2px 0 1px rgba(255, 255, 255, 0.1), 47px 35px 0 1px rgba(255, 255, 255, 0.1), 70px 6px 0 1px rgba(255, 255, 255, 0.1), 60px -2px 0 1px rgba(255, 255, 255, 0.1);
  filter: blur(1px);

  animation: glitchAnimationOpacity 4s cubic-bezier(1, 0, 1, 1) infinite,
             glitchAnimationMove 4s cubic-bezier(1, 0, 1, 1) infinite,
             glitchAnimationBright 4s cubic-bezier(1, 0, 1, 1) infinite;
}
@keyframes glitchAnimationOpacity {
  0%, 30%, 96%, 100% { opacity: 1; }
  35%, 93%           { opacity: 0; }
}
@keyframes glitchAnimationMove {
  0%, 100% { transform: translate(-50%, -50%) rotate(0deg); }
  35%, 65% { transform: translate(-50%, -50%) rotate(4320deg); }
}
@keyframes glitchAnimationBright {
  0%, 100% { filter: blur(1px); }
  35%, 65% { filter: blur(1px) brightness(1.8); }
}


.fragment-1::before {
  width: 6px; height: 6px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  
  animation: fragment1BeforeAnimationMove 4s -0.15s cubic-bezier(1, 0, 1, 1) infinite;
}
@keyframes fragment1BeforeAnimationMove {
  0%, 100% {
    transform: rotate(0deg) translate(71px, -181px);
    opacity: 1;
  }
  37% {
    transform: rotate(15deg) translate(71px, -181px);
    opacity: 1;
  }
  37.1%, 76.9% {
    opacity: 0;
  }
  77% {
    transform: rotate(-2deg) translate(71px, -181px);
    opacity: 1;
  }
  90% {
    transform: rotate(-9deg) translate(71px, -181px);
  }
}


.fragment-1::after {
  width: 6px; height: 6px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;

  animation: fragment1AfterAnimationMove 4s -0.15s cubic-bezier(1, 0, 1, 1) infinite;
}
@keyframes fragment1AfterAnimationMove {
  0%, 100% {
    transform: rotate(0deg) translate(285px, 48px);
    opacity: 1;
  }
  7% {
    transform: rotate(5deg) translate(285px, 48px);
  }
  22% {
    transform: rotate(-1deg) translate(285px, 48px);
  }
  40% {
    transform: rotate(-3deg) translate(285px, 48px);
    opacity: 1;
  }
  40.1%, 81.9% {
    opacity: 0;
  }
  82% {
    transform: rotate(-15deg) translate(285px, 48px);
    opacity: 1;
  }
}


.fragment-2::after {
  width: 6px; height: 6px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;

  animation: fragment2AfterAnimationMove 4s -0.15s cubic-bezier(1, 0, 1, 1) infinite;
}
@keyframes fragment2AfterAnimationMove {
  0%, 100% {
    transform: rotate(0deg) translate(-220px, 162px);
    opacity: 1;
  }
  46% {
    transform: rotate(-8deg) translate(-220px, 162px);
    opacity: 1;
  }
  46.1%, 97.9% {
    opacity: 0;
  }
  98% {
    transform: rotate(2deg) translate(-220px, 162px);
    opacity: 1;
  }
}


.fragment-2::before {
  width: 6px; height: 6px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;

  animation: fragment2BeforeAnimationMove 4s -0.15s cubic-bezier(1, 0, 1, 1) infinite;
}
@keyframes fragment2BeforeAnimationMove {
  0%, 100% {
    transform: rotate(0deg) translate(284px, 111px);
    opacity: 1;
  }
  2% {
    transform: rotate(2deg) translate(284px, 111px);
  }
  9% {
    transform: rotate(-5deg) translate(284px, 111px);
  }
  15%, 22% {
    transform: rotate(-3deg) translate(284px, 111px);
  }
  27% {
    transform: rotate(-2deg) translate(284px, 111px);
    opacity: 1;
  }
  38.9% {
    transform: rotate(-9deg) translate(284px, 111px);
  }
  39%, 76.9% {
    opacity: 0;
  }
  77% {
    transform: rotate(-9deg) translate(284px, 111px);
    opacity: 1;
  }
}


.fragment-3::after {
  width: 6px; height: 6px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;

  animation: fragment3AfterAnimationMove 4s -0.15s cubic-bezier(1, 0, 1, 1) infinite;
}
@keyframes fragment3AfterAnimationMove {
  0%, 4.9%, 65.1%, 100% {
    opacity: 0;
  }
  5% {
    transform: rotate(0deg) translate(183px, 198px);
    opacity: 1;
  }
  16% {
    transform: rotate(-9deg) translate(284px, 111px);
    opacity: 1;
  }
  16.1%, 60.9% {
    opacity: 0;
  }
  61% {
    transform: rotate(5deg) translate(284px, 111px);
    opacity: 1;
  }
  65% {
    transform: rotate(10deg) translate(284px, 111px);
    opacity: 1;
  }
}


.fragment-3::before {
  width: 6px; height: 6px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;

  animation: fragment3BeforeAnimationMove 4s -0.15s cubic-bezier(1, 0, 1, 1) infinite;
}
@keyframes fragment3BeforeAnimationMove {
  0%, 100% {
    transform: rotate(0deg) translate(-253px, -126px);
    opacity: 1;
  }
  22% {
    transform: rotate(25deg) translate(-253px, -126px);
    opacity: 1;
  }
  22.1%, 95.9% {
    opacity: 0;
  }
  96% {
    transform: rotate(-5deg) translate(-253px, -126px);
    opacity: 1;
  }
}





























:root {
  --duration: 5s;
  --ease: cubic-bezier(.6, 0, .2, 1);
}



.digit {
  stroke-width: 30;
  -webkit-animation: var(--duration) var(--ease) both alternate infinite;
          animation: var(--duration) var(--ease) both alternate infinite;
  -webkit-animation-delay: calc( (var(--i) * 0.05s));
          animation-delay: calc( (var(--i) * 0.05s));
}
.digit circle,
.digit path {
  -webkit-animation: inherit;
          animation: inherit;
  stroke: var(--color);
  stroke-linejoin: round;
  stroke-linecap: round;
  /* Additional offsets for rounded stroke */
  stroke-dashoffset: -1.2;
  stroke-dasharray: 1 1.2;
}
.digit circle {
  -webkit-animation-name: circle-draw;
          animation-name: circle-draw;
}
@-webkit-keyframes circle-draw {
  0%, 5% {
    stroke-dasharray: 0 1.2 .2 .3;
    stroke-dashoffset: 1.75;
  }
  18%, 50% {
    stroke-dasharray: 1 1.1;
    stroke-dashoffset: 0;
  }
  70%, 100% {
    stroke-dashoffset: -1.1;
  }
}
@keyframes circle-draw {
  0%, 5% {
    stroke-dasharray: 0 1.2 .2 .3;
    stroke-dashoffset: 1.75;
  }
  18%, 50% {
    stroke-dasharray: 1 1.1;
    stroke-dashoffset: 0;
  }
  70%, 100% {
    stroke-dashoffset: -1.1;
  }
}
.digit path {
  -webkit-animation-name: path-draw;
          animation-name: path-draw;
}
@-webkit-keyframes path-draw {
  0%, 43% {
    stroke-dashoffset: 1.1;
  }
  90%, 100% {
    stroke-dashoffset: 0;
  }
}
@keyframes path-draw {
  0%, 43% {
    stroke-dashoffset: 1.1;
  }
  90%, 100% {
    stroke-dashoffset: 0;
  }
}
.digit {
  -webkit-animation-name: digit;
          animation-name: digit;
}
.digit:nth-child(1) {
  --x-offset: 150%;
}
.digit:nth-child(2) {
  --x-offset: 50%;
}
.digit:nth-child(3) {
  --x-offset: -50%;
}
.digit:nth-child(4) {
  --x-offset: -150%;
}
.digit:nth-child(even) {
  --y-offset: calc(-25% + 2%);
}
.digit:nth-child(odd) {
  --y-offset: calc(25% - 12%);
}
@-webkit-keyframes digit {
  from, 15% {
    -webkit-transform: translate(var(--x-offset, 0), var(--y-offset, 0));
            transform: translate(var(--x-offset, 0), var(--y-offset, 0));
  }
  30% {
    -webkit-transform: translate(0%, var(--y-offset));
            transform: translate(0%, var(--y-offset));
  }
  45%, to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes digit {
  from, 15% {
    -webkit-transform: translate(var(--x-offset, 0), var(--y-offset, 0));
            transform: translate(var(--x-offset, 0), var(--y-offset, 0));
  }
  30% {
    -webkit-transform: translate(0%, var(--y-offset));
            transform: translate(0%, var(--y-offset));
  }
  45%, to {
    -webkit-transform: none;
            transform: none;
  }
}
.digits {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
          font-size: 5px
}














































@keyframes appear {
10%{
  transform: rotate(-5deg);
  filter: drop-shadow(0px 0px 165px grey);
}
50%{
  transform: rotate(5deg);
  filter: drop-shadow(0px 0px 65px #7b6fe5);
}

90%{
  transform: rotate(0deg);
  filter: drop-shadow(0px 0px 35px #7b6fe5);
}
91%{
  
  filter: drop-shadow(0px 0px 30px #7b6fe5);
}
92%{
  
  filter: drop-shadow(0px 0px 25px #7b6fe5);
}
93%{
  
  filter: drop-shadow(0px 0px 20px #7b6fe5);
}
94%{
  
  filter: drop-shadow(0px 0px 15px #7b6fe5);
}
95%{
  
  filter: drop-shadow(0px 0px 10px #7b6fe5);
}
96%{
  
  filter: drop-shadow(0px 0px 5px #7b6fe5);
}
99%{
  
  filter: drop-shadow(0px 0px 1px #7b6fe5);
}
  }



.appear:hover{
  animation: appear 2s ease;
  
}







cs-app, cs-app * {
  box-sizing: border-box;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  display: block;
}

cs-app {
  margin: auto;
  width: 100%;
  max-width: 450px;
}
cs-app cs-title {
  text-align: center;
  margin-bottom: 10px;
  font-size: 21px;
}
cs-app cs-tiles {
  height: 344px;
  position: relative;
}
cs-app cs-tiles input {
  display: none;
}
cs-app cs-tiles cs-tile-container {
  display: -webkit-box;
  display: flex;
  position: absolute;
  height: 85px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.15s 0.15s;
  transition: all 0.15s 0.15s;
  z-index: 1000;
}
cs-app cs-tiles cs-tile-container cs-tile {
  background: #6b6f6c;
  margin: auto;
  width: 90%;
  height: 80%;
  border-radius: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  -webkit-transition: all 0.15s 0.15s, background 0.15s;
  transition: all 0.15s 0.15s, background 0.15s;
}
cs-app cs-tiles cs-tile-container cs-tile:hover {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.75);
  background: #668cff;
}
cs-app cs-tiles cs-tile-container cs-tile cs-text {
  -webkit-transition: all 0.15s 0.15s;
  transition: all 0.15s 0.15s;
  width: 100%;
  text-align: center;
  line-height: 70px;
  white-space: nowrap;
  text-transform: uppercase;
  color: white!important
}
cs-app cs-tiles cs-tile-container cs-tile cs-content {
  -webkit-transition: all 0.15s, max-height 0s;
  transition: all 0.15s, max-height 0s;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  max-height: 0;
  color: white!important
}
cs-app cs-tiles cs-tile-container cs-tile .cs-open {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
cs-app cs-tiles cs-tile-container cs-tile .cs-close {
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  position: absolute;
  opacity: 0;
  top: 25px;
  right: 25px;
  -webkit-transform: rotateZ(45deg) translateX(-50%) translateY(-50%);
          transform: rotateZ(45deg) translateX(-50%) translateY(-50%);
  font-size: 25px;
}
cs-app cs-tiles input:checked + cs-tile-container {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 10000;
}
cs-app cs-tiles input:checked + cs-tile-container cs-tile {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  background: #3b3;
  height: 80%;
  width: 80%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  padding: 20px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
cs-app cs-tiles input:checked + cs-tile-container cs-tile:hover {
  cursor: initial;
}
cs-app cs-tiles input:checked + cs-tile-container cs-tile .cs-open {
  display: none;
}
cs-app cs-tiles input:checked + cs-tile-container cs-tile .cs-close {
  -webkit-transition: all 0.15s 0.25s;
  transition: all 0.15s 0.25s;
  opacity: 1;
}
cs-app cs-tiles input:checked + cs-tile-container cs-tile .cs-close:hover {
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  opacity: 0.5;
}
cs-app cs-tiles input:checked + cs-tile-container cs-tile cs-text {
  -webkit-transition: all 0.15s 0.25s;
  transition: all 0.15s 0.25s;
  font-size: 24px;
  line-height: 50px;
}
cs-app cs-tiles input:checked + cs-tile-container cs-tile cs-content {
  -webkit-box-flex: 1;
          flex: 1;
  -webkit-transition: all 0.25s 0.4s, max-height 0s 0.4s, -webkit-box-flex 0s 0.4s;
  transition: all 0.25s 0.4s, max-height 0s 0.4s, -webkit-box-flex 0s 0.4s;
  transition: all 0.25s 0.4s, max-height 0s 0.4s, flex 0s 0.4s;
  transition: all 0.25s 0.4s, max-height 0s 0.4s, flex 0s 0.4s, -webkit-box-flex 0s 0.4s;
  opacity: 1;
  margin-top: 10px;
  pointer-events: initial;
  width: 100%;
  max-height: 1000000px;
  overflow: hidden;
}
cs-app cs-tile-container:nth-of-type(1) {
  left: calc(0 * 33.334% + 1 * 16.667%);
  top: calc(0 * 85px);
  width: 33.334%;
}
cs-app cs-tile-container:nth-of-type(2) {
  left: calc(1 * 33.334% + 1 * 16.667%);
  top: calc(0 * 85px);
  width: 33.334%;
}
cs-app cs-tile-container:nth-of-type(3) {
  left: calc(2 * 33.334% + 1 * 16.667%);
  top: calc(0 * 85px);
  width: 33.334%;
}
cs-app cs-tile-container:nth-of-type(4) {
  left: calc(0 * 33.334% + 1 * 16.667%);
  top: calc(1 * 85px);
  width: 33.334%;
}
cs-app cs-tile-container:nth-of-type(5) {
  left: calc(1 * 33.334% + 1 * 16.667%);
  top: calc(1 * 85px);
  width: 33.334%;
}
cs-app cs-tile-container:nth-of-type(6) {
  left: calc(2 * 33.334% + 1 * 16.667%);
  top: calc(1 * 85px);
  width: 33.334%;
}
cs-app cs-tile-container:nth-of-type(7) {
  left: calc(0 * 33.334% + 1 * 16.667%);
  top: calc(2 * 85px);
  width: 33.334%;
}
cs-app cs-tile-container:nth-of-type(8) {
  left: calc(1 * 33.334% + 1 * 16.667%);
  top: calc(2 * 85px);
  width: 33.334%;
}
cs-app cs-tile-container:nth-of-type(9) {
  left: calc(2 * 33.334% + 1 * 16.667%);
  top: calc(2 * 85px);
  width: 33.334%;
}
cs-app cs-tile-container:nth-of-type(10) {
  left: calc(0 * 33.334% + 1 * 16.667%);
  top: calc(3 * 85px);
  width: 33.334%;
}
cs-app cs-tile-container:nth-of-type(11) {
  left: calc(1 * 33.334% + 1 * 16.667%);
  top: calc(3 * 85px);
  width: 33.334%;
}
cs-app cs-tile-container:nth-of-type(12) {
  left: calc(2 * 33.334% + 1 * 16.667%);
  top: calc(3 * 85px);
  width: 33.334%;
}




@keyframes efektinje {
10%{
  bottom: 9px;
  }


  30%{
  bottom: 29px;
  transform: skewX(5deg);
  }
  60%{
  bottom: 19px;
  box-shadow: 0px 17px 60px #6b6f6c;
  
  }
  90%{
  bottom: 1px;
  transform: skewX(0deg);
  }
}



#efektinje:hover{
  animation: efektinje 2s ease-in-out;
  transition:.5s;
  transition-delay:1s;
  
}




@keyframes efektidy {
10%{
  bottom: 9px;
  }


  30%{
  bottom: 29px;
  transform: skewX(-5deg);
  }
  60%{
  bottom: 19px;
  box-shadow: 0px 17px 60px #6b6f6c;
  
  }
  90%{
  bottom: 1px;
  transform: skewX(0deg);
  }
}



#efektidy:hover{
  animation: efektidy 2s ease-in-out;
  transition:.5s;
  transition-delay:1s;
  -webkit-transition: all 500ms linear;
-moz-transition: all 500ms linear;
-ms-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
  
}



@keyframes efektitre {
10%{
  bottom: 9px;
  }


  30%{
  bottom: 29px;
      transform: rotateY(40deg);
  }
  60%{
  bottom: 19px;
  transform: rotateY(-44deg);
  
  box-shadow: 0px 17px 60px #6b6f6c;
  
  }
  90%{
  bottom: 1px;

   transform: rotateY(-12deg);
  }
}



#efektitre{
  animation: efektitre 3s infinite;
  transition:.5s;
  transition-delay:3s;
  
}
.vk{animation-delay: 5s!important;}
.vknj{animation-delay: 10s!important;}
#efektitre:hover{-webkit-animation-play-state: paused;}






@keyframes topinje {



  30%{
  
      transform: skewY(10deg);
  }
  
  90%{
 transform: skewY(-2deg);
  }
}



#topinje{
  animation: topinje 3s infinite;
  transition:.5s;
  transition-delay:3s;}



@keyframes topidy {



  30%{
  transform: skewY(-2deg);
  }
  
  90%{
 transform: skewY(10deg);
  }
}



#topidy{
  animation: topidy 3s infinite;
  transition:.5s;
  transition-delay:3s;}



@import url("https://fonts.googleapis.com/css?family=Fredoka+One");

.store-container {
  line-height:0;
  margin: 50px auto;
  width: 50%;
}
.stroke {
  stroke: #0170bb;
  stroke-width: 5;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.round-end {
  stroke-linecap: round;
}
#store {
  animation: fadeIn 0.8s ease-in;
}
.border-animation {
  background-color: white;
  border-radius: 10px;
  position: relative;
}
.border-animation:after {
  content: "";
  background: linear-gradient(45deg, #ccc 48.9%, #0170bb 49%);
  background-size: 300% 300%;
  border-radius: 10px;
  position: absolute;
  top: -5px;
  left: -5px;
  height: calc(100% + 10px);
  width: calc(100% + 10px);
  z-index: -1;
  animation: borderGradient 8s linear both infinite;
}
@keyframes borderGradient {
  0%,
  100% {
    background-position: 0% 100%;
  }
  50% {
    background-position: 100% 0%;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
#browser {
  transform: translateY(-100%);
  -webkit-animation: moveDown 1.5s cubic-bezier(0.77, -0.5, 0.3, 1.5) forwards;
  animation: moveDown 1.5s cubic-bezier(0.77, -0.5, 0.3, 1.5) forwards;
}
@keyframes moveDown {
  from {
    transform: translate(0, -100%);
  }
  to {
    transform: translate(0, 0);
  }
}
#toldo {
  animation: fadeIn 1s 1.4s ease-in forwards;
}
.grass {
  animation: fadeIn 0.5s 1.6s ease-in forwards;
}
#window {
  animation: fadeIn 0.5s 1.8s ease-in forwards;
}
#door {
  animation: fadeIn 0.5s 2s ease-in forwards;
}
#sign {
  transform-origin: 837px 597px;
  animation: pendulum 1.5s 2s ease-in-out alternate;
}
.trees {
  animation: fadeIn 0.5s 2.2s ease-in forwards;
}
#toldo,
.grass,
#window,
#door,
.trees,
.cat,
.cat-shadow,
.box,
.parachute,
.tshirt,
.cap,
.ball,
#text,
#button,
.sky-circle,
.sky-circle2,
.sky-circle3 {
  opacity: 0;
}
@keyframes pendulum {
  20% {
    transform: rotate(60deg);
  }
  40% {
    transform: rotate(-40deg);
  }
  60% {
    transform: rotate(20deg);
  }
  80% {
    transform: rotate(-5deg);
  }
}
.cat {
  transform-origin: 1145px 620px;
}
.cat-shadow {
  transform-origin: 1115px 625px;
}
#store:hover .cat {
  animation: catHi 3s 3s cubic-bezier(0.7, -0.5, 0.3, 1.4);
}
#store:hover .cat-shadow {
  animation: catShadow 4s 2s cubic-bezier(0.7, -0.5, 0.3, 1.4) alternate;
}
@keyframes catHi {
  0%,
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
  10%,
  60% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes catShadow {
  0%,
  100% {
    transform: translate(40px, -35px) scale(0.3);
  }
  10%,
  60% {
    opacity: 1;
    transform: translate(-5px, 10px) scale(0.5);
  }
  60% {
    opacity: 0;
  }
}
.box,
.parachute {
  transform-origin: 430px 100px;
  animation: moveBox 14s 4s linear forwards infinite;
}
.parachute {
  animation: parachute 14s 4s linear forwards infinite;
}
@keyframes moveBox {
  0% {
    opacity: 0;
    transform: translate(0, -150px) rotate(20deg);
  }
  15% {
    opacity: 1;
    transform: translate(0, 100px) rotate(-15deg);
  }
  25% {
    transform: translate(0, 250px) rotate(10deg);
  }
  30% {
    transform: translate(0, 350px) rotate(-5deg);
  }
  35% {
    opacity: 1;
    transform: translate(0, 570px) rotate(0deg);
  }
  45%,
  100% {
    opacity: 0;
    transform: translate(0, 570px);
  }
}
@keyframes parachute {
  0% {
    transform: translate(0, -150px) rotate(20deg) scale(0.8);
    opacity: 0;
  }
  15% {
    transform: translate(0, 100px) rotate(-15deg) scale(1);
    opacity: 1;
  }
  25% {
    transform: translate(0, 250px) rotate(10deg);
  }
  30% {
    transform: translate(0, 350px) rotate(-5deg);
  }
  33% {
    transform: translate(0, 460px) rotate(0deg) scale(0.9);
    opacity: 1;
  }
  45%,
  100% {
    transform: translate(0, 480px);
    opacity: 0;
  }
}
.tshirt {
  animation: fadeInOut 42s 10s ease-in forwards infinite;
}
.cap {
  animation: fadeInOut 42s 24s ease-in forwards infinite;
}
.ball {
  animation: fadeInOut 42s 38s ease-in forwards infinite;
}
#text,
#button {
  animation: fadeIn 1s 5s ease-in forwards;
}
@keyframes fadeInOut {
  5%,
  12% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
}
.cloud {
  animation: clouds 50s linear backwards infinite;
}
.cloud2 {
  animation: clouds 40s 40s linear backwards infinite;
}
.plane {
  animation: clouds 30s linear backwards infinite;
  will-change: transform;
}
@keyframes clouds {
  from {
    transform: translate(-150%, 0);
  }
  to {
    transform: translate(150%, 0);
  }
}
.sky-circle {
  animation: fadeInOut 10s 5s ease-in infinite;
}
.sky-circle2 {
  animation: fadeInOut 12s 30s ease-in infinite;
}
.sky-circle3 {
  animation: fadeInOut 8s 40s ease-in infinite;
}


.animate__animated.animate__bounce {
  animation: bounce 4s infinite;
}

/* This changes all the animations globally */
:root {
  --animate-duration: 1800ms;
  --animate-delay: 0.9s;
}










.button {
  display: inline-block;
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
  min-width:100px;
  padding: 22px 33px;
  font-family: 'Lobster', cursive;
  font-size: 26px;
  line-height: 26px;
  text-decoration: none;
  color: #FFF;
  text-shadow: 0 1px 2px rgba(0,0,0,0.75);
  background: #5e0d0c;
  outline: none;
  border-radius: 15px;
  border: 1px solid #4c0300;
  box-shadow:
    inset 1px 1px 0px rgba(255,255,255,0.25), /* highlight */
    inset 0 0 6px #a23227, /* inner glow */
    inset 0 80px 80px -40px #ac3223, /* gradient */
    1px 1px 3px rgba(0,0,0,0.75); /* shadow */
    
  position: relative;
  overflow: visible; /* IE9 & 10 */
  -webkit-transition: 500ms linear;
     -moz-transition: 500ms linear;
       -o-transition: 500ms linear;
          transition: 500ms linear;
}

.button::before {
  content: '';
  display: block;
  position: absolute;
  top: -7px;
  left: -3px;
  right: 0;
  height: 23px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0,
  url(data:image/png;base64,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) no-repeat 50% 0,
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;
  
}
.button:hover {
  background: #a61715;
  text-shadow: 0 1px 2px rgba(0,0,0,0.75), 0 0 40px #FFF;
  box-shadow:
    inset 1px 1px 0px rgba(255,255,255,0.25), /* highlight */
    inset 0 0 6px #da3b2c, /* inner glow */
    inset 0 80px 80px -40px #dd4330, /* gradient */
    1px 1px 3px rgba(0,0,0,0.75); /* shadow */
    
}
.button:focus {
  outline: none; /*FF*/
}
.button:active {
  box-shadow:
    inset 1px 1px 0px rgba(255,255,255,0.25), /* highlight */
    inset 0 0 6px #da3b2c, /* inner glow */
    inset 0 80px 80px -40px #dd4330, /* gradient */
    0px 1px 0px rgba(255,255,255,0.25); /* shadow */
    
  -webkit-transition: 50ms linear;
     -moz-transition: 50ms linear;
       -o-transition: 50ms linear;
          transition: 50ms linear;
}


/* other styles */

.bg {
  width: 100%;
  height: 100%;
  display: table;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkMzU0NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGExMTBjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover, #d35448 0%, #4a110c 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#d35448), color-stop(100%,#4a110c)); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #d35448 0%,#4a110c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #d35448 0%,#4a110c 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #d35448 0%,#4a110c 100%); /* IE10+ */
  background: radial-gradient(ellipse at center, #d35448 0%,#4a110c 100%); /* W3C */
}
  .centerer {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    /* noise image */
    background-image: url(data:image/png;base64,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);

  }





  @import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
@import url(http://code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css);
::selection {
  color: #fff;
  background: #2a2b39;
}

::-moz-selection {
  color: #fff;
  background: #2a2b39;
}



p {
  padding: 0;
  margin: 0;
  display: inline-block;
}

a {
  color: #2a2b39;
  text-decoration: none;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:hover {
  color: #6acd79;
}

.bussinesscard {
  margin-top: 150px;
  margin-bottom: 40px;
  height: 320px;
  width: 427px;
  overflow: hidden;
  box-shadow: 0px 0px 43px -10px black;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99999;
}
.bussinesscard .flip {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.bussinesscard .front {
  z-index: 11;
  width: 100%;
  position: absolute;
  height: 100%;
  background: #fff;
  box-shadow: 0px 0px 33px -1px rgba(0, 0, 0, 0.45);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.bussinesscard .front .top {
  height: 40%;
  background: #2a2b39;
}
.bussinesscard .front .top:after {
  position: absolute;
  content: '';
  pointer-events: none;
}
.bussinesscard .front .top:after {
  left: 50%;
  width: 2em;
  height: 2em;
  -moz-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  bottom: 9em;
  z-index: 10;
  background: inherit;
}
.bussinesscard .front .top .logo {
  display: inline-block;
  background: #6acd79;
  color: #fff;
  z-index: 11;
  padding: .16em;
  border: 8px solid #fff;
  position: relative;
  pointer-events: none;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  margin-top: .4em;
  font-size: 4em;
}
.bussinesscard .front .top .logo .fat {
  font-weight: 800;
}
.bussinesscard .front .top .logo .skinny {
  font-weight: 100;
}
.bussinesscard .front .nametroduction {
  margin-top: 2.4em;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 8;
}
.bussinesscard .front .name {
  color: #2a2b39;
  font-weight: 400;
  font-size: 3.2em;
  text-align: center;
  position: relative;
  margin-bottom: .35em;
}
.bussinesscard .front .name:after {
  content: '';
  position: absolute;
  top: 1.3em;
  width: 20%;
  left: 40%;
  right: 40%;
  height: 1px;
  background: #2a2b39;
}
.bussinesscard .front .introduction {
  text-align: center;
  color: #2a2b39;
  font-family: 'Old Standard TT', serif;
  font-style: italic;
}
.bussinesscard .front .contact {
  color: #2a2b39;
  margin-left: 1.7em;
  font-weight: 300;
  font-size: 1.6em;
  -moz-transform: translateY(400%);
  -ms-transform: translateY(400%);
  -webkit-transform: translateY(400%);
  transform: translateY(400%);
}
.bussinesscard .front .contact span {
  color: #2D3244;
  font-size: 1.7em;
  width: 1.3em;
  display: inline-block;
}
.bussinesscard .front .contact a {
  position: relative;
  bottom: .24em;
}
.bussinesscard .back {
  width: 100%;
  height: 100%;
  background: #fff;
  backface-visibility: hidden;
  position: absolute;
}

.tooltip {
  position: absolute;
  left: 1em;
  bottom: 1em;
  color: #fff;
  font-weight: 300;
  padding: .4em;
  background: #2a2b39;
}

/* HOVER ANIMATIONS */
.front .top .logo, .front .top, .front .top:after, .front .nametroduction, .front .contact {
  -moz-transition: 0.7s all ease-in-out;
  -o-transition: 0.7s all ease-in-out;
  -webkit-transition: 0.7s all ease-in-out;
  transition: 0.7s all ease-in-out;
}

.flip:hover .front .top .logo {
  margin-top: .28em;
  font-size: 1.3em;
  border: 3px solid #fff;
  margin-left: .15em;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  left: 0;
}

.flip:hover .front .top {
  height: 15%;
}
.flip:hover .front .top:after {
  width: 1.5em;
  height: 1.5em;
  bottom: 16.3em;
}

.flip:hover .front .nametroduction {
  -moz-transform: translateY(400%);
  -ms-transform: translateY(400%);
  -webkit-transform: translateY(400%);
  transform: translateY(400%);
}

.flip:hover .front .contact {
  -moz-transform: translateY(-52%);
  -ms-transform: translateY(-52%);
  -webkit-transform: translateY(-52%);
  transform: translateY(-52%);
}

























:root {
  --base-grid: 8px;
  --colour-body-background: #d84c6e;
  --colour-background: #fff;
  --colour-background-folded: #f5f5f5;
  --colour-background-stripes: rgba(255, 255, 255, 0.5);
  --colour-text: #1a1a1a;
}





.articles {
  margin: calc(var(--base-grid) * 2) auto calc(var(--base-grid) * 5);
  display: grid;
  grid-row-gap: calc(var(--base-grid) * 8);
  grid-column-gap: calc(var(--base-grid) * 6);
  grid-template-columns: repeat(
    auto-fit,
    minmax(calc(var(--base-grid) * 35), 1fr)
  );
  justify-items: center;
}

.articles__article {
  cursor: pointer;
  display: block;
  position: relative;
  perspective: 1000px;
  animation-name: animateIn;
  animation-duration: 0.35s;
  animation-delay: calc(var(--animation-order) * 100ms);
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
}

.articles__article:before {
  content: "";
  position: absolute;
  top: calc(var(--base-grid) * -2);
  left: calc(var(--base-grid) * -2);
  border: 2px dashed var(--colour-background);
  background-image: repeating-linear-gradient(
    -24deg,
    transparent,
    transparent 4px,
    var(--colour-background-stripes) 0,
    var(--colour-background-stripes) 5px
  );
  z-index: -1;
}

.articles__article,
.articles__article:before {
  width: calc(var(--base-grid) * 35);
  height: calc(var(--base-grid) * 35);
}

.articles__link {
  background-color: #6b6f6c;
  border: 2px solid var(--colour-background);
  display: block;
  width: 100%;
  height: 100%;
}

.articles__link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(var(--base-grid) * 3);
  width: calc(var(--base-grid) * 2);
  height: calc(var(--base-grid) * 2);
  margin-top: calc(var(--base-grid) * -1);
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 0 100%, 25% 50%, 0 0);
  -webkit-clip-path: polygon(75% 0, 100% 50%, 75% 100%, 0 100%, 25% 50%, 0 0);
  background-color: var(--colour-background);
  opacity: 0;
  transition: opacity 0.5s ease-in, transform 0.3s ease-in-out 0ms;
}

.articles__content {
  background-color: var(--colour-background);
  color: var(--colour-text);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: calc(var(--base-grid) * 2);
  display: flex;
  flex-direction: column;
  border: 2px solid var(--colour-background);
}

.articles__content--lhs {
  clip-path: polygon(0 0, 51% 0, 51% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 51% 0, 51% 100%, 0 100%);
}

.articles__content--rhs {
  clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
  -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
  transition: transform 0.5s ease-in-out, background-color 0.4s ease-in-out;
}

.articles__title {
  font-size: calc(var(--base-grid) * 4);
  line-height: 1.125;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.articles__footer {
  margin-top: auto;
  font-size: calc(var(--base-grid) * 2);
  line-height: calc(var(--base-grid) * 2);
  display: flex;
  justify-content: space-between;
}

.articles__link:hover .articles__content--rhs {
  background-color: var(--colour-background-folded);
  transform: rotateY(-50deg);
}

.articles__link:hover:after {
  opacity: 1;
  transform: translateX(calc(var(--base-grid) * 1.5));
  transition: opacity 0.5s ease-in, transform 0.3s ease-in-out 0.25s;
}



















.infocardContainer * {
  font-family: 'Fira Sans Condensed', sans-serif;
  font-weight: 300;
}



.infocardContainer {
  display: flex;
  height: 200px;
  width: 200px;
  border-radius: 100px;
  background: rgb(0,159,255);
  background: linear-gradient(121deg, rgba(255,255,255,0) 13%, rgba(0,159,255,1) 100%);
  transition: all 500ms ease-in;
  transition-delay: 1s;
  margin: auto;
  margin-top: 100px;
  --margin-top: 100px;
}
.infocardContainer:hover {
  width: 500px;
  border-radius: 100px 10px 100px 100px;
  transition: all 1s ease-out;
}

.infocardContainer div {
  text-color: white;
  flex-shrink: 1;
  width: 100%;
  --background-color: green;
}
.infocardContainer div * {
  display: flex;
  --flex: inherit;
  overflow: hidden;
  text-overflow: hidden;
  --background-color: yellow;
  color: white;
  white-space: nowrap;
  width: 0;
  height: auto;
  transition: all 450ms ease-in;
  transition-delay: 1s;
}
.infocardContainer:hover div *{
  --background-color: purple;
  display: flex;
  visibility: visible;
  transition: all 1s ease-out;
  transition-delay: 500ms;
  width: 100%;
  height: auto;
}

.infocardContainer #main, .infocardContainer #main img{
  --background-color: red;
  height: 200px;
  width: 200px;
  padding-right: 10px;
  border-radius: 100%;
  flex-shrink: 0;
  object-fit: cover;
}
.infocardContainer #main img{
  height: 180px;
  width: 180px;
  transition: none;
  display: float;
  position: relative;
  border: 10px solid white;
  margin: 0 0 0 0; padding: 0 0 0 0;
}
.infocardContainer #textbois {
  position: relative;
}
.infocardContainer #textbois #hotlinks {
  max-width: 60%;
  max-height: 30px;
  
  --background-color: white;
  position:absolute;
  bottom: 5px;
  display: flex;
  justify-content: space-between;
  border-radius: 13px;
}
.infocardContainer #textbois #hotlinks * {
  background-color: white;
  max-width: 30px;
  --margin: 0 1px 0 1px;
  border-radius: 25px;
}
/*TODO: animate copy main transition style for info*/
.infocardContainer #textbois #hotlinks *:hover {
  
  
}















.tri {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 50px;
  height: 50px;
      transform: scale(1.5);
}
.tri .side {
  width: 50px;
  height: 50px;
  position: absolute;
  transform-origin: center center;
}
.tri .side:nth-child(1) {
  transform: translateX(-100px);
}
.tri .side:nth-child(2) {
  transform: translateX(0px);
}
.tri .side:nth-child(3) {
  transform: translateX(100px);
}
.tri .side:nth-child(2) {
  transform: translateY(-150px);
}
.tri .ring {
  width: 50px;
  height: 50px;
  position: absolute;
  background: white;
  -webkit-animation-name: rotate, cromatic;
          animation-name: rotate, cromatic;
  -webkit-animation-duration: 3s, 3s;
          animation-duration: 3s, 3s;
  -webkit-animation-timing-function: linear, linear;
          animation-timing-function: linear, linear;
  -webkit-animation-iteration-count: infinite, infinite;
          animation-iteration-count: infinite, infinite;
  opacity: 0.5;
  box-shadow: 0 0 30px black;
  border-radius: 20%;
}

.side:nth-child(1) .ring:nth-child(0) {
  margin: 0 0 0 0px;
  z-index: 0;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

.side:nth-child(1) .ring:nth-child(1) {
  margin: 0 0 0 6.6666666667px;
  z-index: 1;
  -webkit-animation-delay: 5.0333333333s;
          animation-delay: 5.0333333333s;
}

.side:nth-child(1) .ring:nth-child(2) {
  margin: 0 0 0 13.3333333333px;
  z-index: 2;
  -webkit-animation-delay: 5.0666666667s;
          animation-delay: 5.0666666667s;
}

.side:nth-child(1) .ring:nth-child(3) {
  margin: 0 0 0 20px;
  z-index: 3;
  -webkit-animation-delay: 5.1s;
          animation-delay: 5.1s;
}

.side:nth-child(1) .ring:nth-child(4) {
  margin: 0 0 0 26.6666666667px;
  z-index: 4;
  -webkit-animation-delay: 5.1333333333s;
          animation-delay: 5.1333333333s;
}

.side:nth-child(1) .ring:nth-child(5) {
  margin: 0 0 0 33.3333333333px;
  z-index: 5;
  -webkit-animation-delay: 5.1666666667s;
          animation-delay: 5.1666666667s;
}

.side:nth-child(1) .ring:nth-child(6) {
  margin: 0 0 0 40px;
  z-index: 6;
  -webkit-animation-delay: 5.2s;
          animation-delay: 5.2s;
}

.side:nth-child(1) .ring:nth-child(7) {
  margin: 0 0 0 46.6666666667px;
  z-index: 7;
  -webkit-animation-delay: 5.2333333333s;
          animation-delay: 5.2333333333s;
}

.side:nth-child(1) .ring:nth-child(8) {
  margin: 0 0 0 53.3333333333px;
  z-index: 8;
  -webkit-animation-delay: 5.2666666667s;
          animation-delay: 5.2666666667s;
}

.side:nth-child(1) .ring:nth-child(9) {
  margin: 0 0 0 60px;
  z-index: 9;
  -webkit-animation-delay: 5.3s;
          animation-delay: 5.3s;
}

.side:nth-child(1) .ring:nth-child(10) {
  margin: 0 0 0 66.6666666667px;
  z-index: 10;
  -webkit-animation-delay: 5.3333333333s;
          animation-delay: 5.3333333333s;
}

.side:nth-child(1) .ring:nth-child(11) {
  margin: 0 0 0 73.3333333333px;
  z-index: 11;
  -webkit-animation-delay: 5.3666666667s;
          animation-delay: 5.3666666667s;
}

.side:nth-child(1) .ring:nth-child(12) {
  margin: 0 0 0 80px;
  z-index: 12;
  -webkit-animation-delay: 5.4s;
          animation-delay: 5.4s;
}

.side:nth-child(1) .ring:nth-child(13) {
  margin: 0 0 0 86.6666666667px;
  z-index: 13;
  -webkit-animation-delay: 5.4333333333s;
          animation-delay: 5.4333333333s;
}

.side:nth-child(1) .ring:nth-child(14) {
  margin: 0 0 0 93.3333333333px;
  z-index: 14;
  -webkit-animation-delay: 5.4666666667s;
          animation-delay: 5.4666666667s;
}

.side:nth-child(1) .ring:nth-child(15) {
  margin: 0 0 0 100px;
  z-index: 15;
  -webkit-animation-delay: 5.5s;
          animation-delay: 5.5s;
}

.side:nth-child(1) .ring:nth-child(16) {
  margin: 0 0 0 106.6666666667px;
  z-index: 16;
  -webkit-animation-delay: 5.5333333333s;
          animation-delay: 5.5333333333s;
}

.side:nth-child(1) .ring:nth-child(17) {
  margin: 0 0 0 113.3333333333px;
  z-index: 17;
  -webkit-animation-delay: 5.5666666667s;
          animation-delay: 5.5666666667s;
}

.side:nth-child(1) .ring:nth-child(18) {
  margin: 0 0 0 120px;
  z-index: 18;
  -webkit-animation-delay: 5.6s;
          animation-delay: 5.6s;
}

.side:nth-child(1) .ring:nth-child(19) {
  margin: 0 0 0 126.6666666667px;
  z-index: 19;
  -webkit-animation-delay: 5.6333333333s;
          animation-delay: 5.6333333333s;
}

.side:nth-child(1) .ring:nth-child(20) {
  margin: 0 0 0 133.3333333333px;
  z-index: 20;
  -webkit-animation-delay: 5.6666666667s;
          animation-delay: 5.6666666667s;
}

.side:nth-child(1) .ring:nth-child(21) {
  margin: 0 0 0 140px;
  z-index: 21;
  -webkit-animation-delay: 5.7s;
          animation-delay: 5.7s;
}

.side:nth-child(1) .ring:nth-child(22) {
  margin: 0 0 0 146.6666666667px;
  z-index: 22;
  -webkit-animation-delay: 5.7333333333s;
          animation-delay: 5.7333333333s;
}

.side:nth-child(1) .ring:nth-child(23) {
  margin: 0 0 0 153.3333333333px;
  z-index: 23;
  -webkit-animation-delay: 5.7666666667s;
          animation-delay: 5.7666666667s;
}

.side:nth-child(1) .ring:nth-child(24) {
  margin: 0 0 0 160px;
  z-index: 24;
  -webkit-animation-delay: 5.8s;
          animation-delay: 5.8s;
}

.side:nth-child(1) .ring:nth-child(25) {
  margin: 0 0 0 166.6666666667px;
  z-index: 25;
  -webkit-animation-delay: 5.8333333333s;
          animation-delay: 5.8333333333s;
}

.side:nth-child(1) .ring:nth-child(26) {
  margin: 0 0 0 173.3333333333px;
  z-index: 26;
  -webkit-animation-delay: 5.8666666667s;
          animation-delay: 5.8666666667s;
}

.side:nth-child(1) .ring:nth-child(27) {
  margin: 0 0 0 180px;
  z-index: 27;
  -webkit-animation-delay: 5.9s;
          animation-delay: 5.9s;
}

.side:nth-child(1) .ring:nth-child(28) {
  margin: 0 0 0 186.6666666667px;
  z-index: 28;
  -webkit-animation-delay: 5.9333333333s;
          animation-delay: 5.9333333333s;
}

.side:nth-child(1) .ring:nth-child(29) {
  margin: 0 0 0 193.3333333333px;
  z-index: 29;
  -webkit-animation-delay: 5.9666666667s;
          animation-delay: 5.9666666667s;
}

.side:nth-child(1) .ring:nth-child(30) {
  margin: 0 0 0 200px;
  z-index: 30;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}

.side:nth-child(2) .ring:nth-child(0) {
  margin: 0px 0 0 0px;
  z-index: 30;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}

.side:nth-child(2) .ring:nth-child(1) {
  margin: 5px 0 0 -3.3333333333px;
  z-index: 29;
  -webkit-animation-delay: 7.0333333333s;
          animation-delay: 7.0333333333s;
}

.side:nth-child(2) .ring:nth-child(2) {
  margin: 10px 0 0 -6.6666666667px;
  z-index: 28;
  -webkit-animation-delay: 7.0666666667s;
          animation-delay: 7.0666666667s;
}

.side:nth-child(2) .ring:nth-child(3) {
  margin: 15px 0 0 -10px;
  z-index: 27;
  -webkit-animation-delay: 7.1s;
          animation-delay: 7.1s;
}

.side:nth-child(2) .ring:nth-child(4) {
  margin: 20px 0 0 -13.3333333333px;
  z-index: 26;
  -webkit-animation-delay: 7.1333333333s;
          animation-delay: 7.1333333333s;
}

.side:nth-child(2) .ring:nth-child(5) {
  margin: 25px 0 0 -16.6666666667px;
  z-index: 25;
  -webkit-animation-delay: 7.1666666667s;
          animation-delay: 7.1666666667s;
}

.side:nth-child(2) .ring:nth-child(6) {
  margin: 30px 0 0 -20px;
  z-index: 24;
  -webkit-animation-delay: 7.2s;
          animation-delay: 7.2s;
}

.side:nth-child(2) .ring:nth-child(7) {
  margin: 35px 0 0 -23.3333333333px;
  z-index: 23;
  -webkit-animation-delay: 7.2333333333s;
          animation-delay: 7.2333333333s;
}

.side:nth-child(2) .ring:nth-child(8) {
  margin: 40px 0 0 -26.6666666667px;
  z-index: 22;
  -webkit-animation-delay: 7.2666666667s;
          animation-delay: 7.2666666667s;
}

.side:nth-child(2) .ring:nth-child(9) {
  margin: 45px 0 0 -30px;
  z-index: 21;
  -webkit-animation-delay: 7.3s;
          animation-delay: 7.3s;
}

.side:nth-child(2) .ring:nth-child(10) {
  margin: 50px 0 0 -33.3333333333px;
  z-index: 20;
  -webkit-animation-delay: 7.3333333333s;
          animation-delay: 7.3333333333s;
}

.side:nth-child(2) .ring:nth-child(11) {
  margin: 55px 0 0 -36.6666666667px;
  z-index: 19;
  -webkit-animation-delay: 7.3666666667s;
          animation-delay: 7.3666666667s;
}

.side:nth-child(2) .ring:nth-child(12) {
  margin: 60px 0 0 -40px;
  z-index: 18;
  -webkit-animation-delay: 7.4s;
          animation-delay: 7.4s;
}

.side:nth-child(2) .ring:nth-child(13) {
  margin: 65px 0 0 -43.3333333333px;
  z-index: 17;
  -webkit-animation-delay: 7.4333333333s;
          animation-delay: 7.4333333333s;
}

.side:nth-child(2) .ring:nth-child(14) {
  margin: 70px 0 0 -46.6666666667px;
  z-index: 16;
  -webkit-animation-delay: 7.4666666667s;
          animation-delay: 7.4666666667s;
}

.side:nth-child(2) .ring:nth-child(15) {
  margin: 75px 0 0 -50px;
  z-index: 15;
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s;
}

.side:nth-child(2) .ring:nth-child(16) {
  margin: 80px 0 0 -53.3333333333px;
  z-index: 14;
  -webkit-animation-delay: 7.5333333333s;
          animation-delay: 7.5333333333s;
}

.side:nth-child(2) .ring:nth-child(17) {
  margin: 85px 0 0 -56.6666666667px;
  z-index: 13;
  -webkit-animation-delay: 7.5666666667s;
          animation-delay: 7.5666666667s;
}

.side:nth-child(2) .ring:nth-child(18) {
  margin: 90px 0 0 -60px;
  z-index: 12;
  -webkit-animation-delay: 7.6s;
          animation-delay: 7.6s;
}

.side:nth-child(2) .ring:nth-child(19) {
  margin: 95px 0 0 -63.3333333333px;
  z-index: 11;
  -webkit-animation-delay: 7.6333333333s;
          animation-delay: 7.6333333333s;
}

.side:nth-child(2) .ring:nth-child(20) {
  margin: 100px 0 0 -66.6666666667px;
  z-index: 10;
  -webkit-animation-delay: 7.6666666667s;
          animation-delay: 7.6666666667s;
}

.side:nth-child(2) .ring:nth-child(21) {
  margin: 105px 0 0 -70px;
  z-index: 9;
  -webkit-animation-delay: 7.7s;
          animation-delay: 7.7s;
}

.side:nth-child(2) .ring:nth-child(22) {
  margin: 110px 0 0 -73.3333333333px;
  z-index: 8;
  -webkit-animation-delay: 7.7333333333s;
          animation-delay: 7.7333333333s;
}

.side:nth-child(2) .ring:nth-child(23) {
  margin: 115px 0 0 -76.6666666667px;
  z-index: 7;
  -webkit-animation-delay: 7.7666666667s;
          animation-delay: 7.7666666667s;
}

.side:nth-child(2) .ring:nth-child(24) {
  margin: 120px 0 0 -80px;
  z-index: 6;
  -webkit-animation-delay: 7.8s;
          animation-delay: 7.8s;
}

.side:nth-child(2) .ring:nth-child(25) {
  margin: 125px 0 0 -83.3333333333px;
  z-index: 5;
  -webkit-animation-delay: 7.8333333333s;
          animation-delay: 7.8333333333s;
}

.side:nth-child(2) .ring:nth-child(26) {
  margin: 130px 0 0 -86.6666666667px;
  z-index: 4;
  -webkit-animation-delay: 7.8666666667s;
          animation-delay: 7.8666666667s;
}

.side:nth-child(2) .ring:nth-child(27) {
  margin: 135px 0 0 -90px;
  z-index: 3;
  -webkit-animation-delay: 7.9s;
          animation-delay: 7.9s;
}

.side:nth-child(2) .ring:nth-child(28) {
  margin: 140px 0 0 -93.3333333333px;
  z-index: 2;
  -webkit-animation-delay: 7.9333333333s;
          animation-delay: 7.9333333333s;
}

.side:nth-child(2) .ring:nth-child(29) {
  margin: 145px 0 0 -96.6666666667px;
  z-index: 1;
  -webkit-animation-delay: 7.9666666667s;
          animation-delay: 7.9666666667s;
}

.side:nth-child(2) .ring:nth-child(30) {
  margin: 150px 0 0 -100px;
  z-index: 0;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}

.side:nth-child(3) .ring:nth-child(0) {
  margin: 0px 0 0 0px;
  z-index: 0;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}

.side:nth-child(3) .ring:nth-child(1) {
  margin: -5px 0 0 -3.3333333333px;
  z-index: 1;
  -webkit-animation-delay: 6.0333333333s;
          animation-delay: 6.0333333333s;
}

.side:nth-child(3) .ring:nth-child(2) {
  margin: -10px 0 0 -6.6666666667px;
  z-index: 2;
  -webkit-animation-delay: 6.0666666667s;
          animation-delay: 6.0666666667s;
}

.side:nth-child(3) .ring:nth-child(3) {
  margin: -15px 0 0 -10px;
  z-index: 3;
  -webkit-animation-delay: 6.1s;
          animation-delay: 6.1s;
}

.side:nth-child(3) .ring:nth-child(4) {
  margin: -20px 0 0 -13.3333333333px;
  z-index: 4;
  -webkit-animation-delay: 6.1333333333s;
          animation-delay: 6.1333333333s;
}

.side:nth-child(3) .ring:nth-child(5) {
  margin: -25px 0 0 -16.6666666667px;
  z-index: 5;
  -webkit-animation-delay: 6.1666666667s;
          animation-delay: 6.1666666667s;
}

.side:nth-child(3) .ring:nth-child(6) {
  margin: -30px 0 0 -20px;
  z-index: 6;
  -webkit-animation-delay: 6.2s;
          animation-delay: 6.2s;
}

.side:nth-child(3) .ring:nth-child(7) {
  margin: -35px 0 0 -23.3333333333px;
  z-index: 7;
  -webkit-animation-delay: 6.2333333333s;
          animation-delay: 6.2333333333s;
}

.side:nth-child(3) .ring:nth-child(8) {
  margin: -40px 0 0 -26.6666666667px;
  z-index: 8;
  -webkit-animation-delay: 6.2666666667s;
          animation-delay: 6.2666666667s;
}

.side:nth-child(3) .ring:nth-child(9) {
  margin: -45px 0 0 -30px;
  z-index: 9;
  -webkit-animation-delay: 6.3s;
          animation-delay: 6.3s;
}

.side:nth-child(3) .ring:nth-child(10) {
  margin: -50px 0 0 -33.3333333333px;
  z-index: 10;
  -webkit-animation-delay: 6.3333333333s;
          animation-delay: 6.3333333333s;
}

.side:nth-child(3) .ring:nth-child(11) {
  margin: -55px 0 0 -36.6666666667px;
  z-index: 11;
  -webkit-animation-delay: 6.3666666667s;
          animation-delay: 6.3666666667s;
}

.side:nth-child(3) .ring:nth-child(12) {
  margin: -60px 0 0 -40px;
  z-index: 12;
  -webkit-animation-delay: 6.4s;
          animation-delay: 6.4s;
}

.side:nth-child(3) .ring:nth-child(13) {
  margin: -65px 0 0 -43.3333333333px;
  z-index: 13;
  -webkit-animation-delay: 6.4333333333s;
          animation-delay: 6.4333333333s;
}

.side:nth-child(3) .ring:nth-child(14) {
  margin: -70px 0 0 -46.6666666667px;
  z-index: 14;
  -webkit-animation-delay: 6.4666666667s;
          animation-delay: 6.4666666667s;
}

.side:nth-child(3) .ring:nth-child(15) {
  margin: -75px 0 0 -50px;
  z-index: 15;
  -webkit-animation-delay: 6.5s;
          animation-delay: 6.5s;
}

.side:nth-child(3) .ring:nth-child(16) {
  margin: -80px 0 0 -53.3333333333px;
  z-index: 16;
  -webkit-animation-delay: 6.5333333333s;
          animation-delay: 6.5333333333s;
}

.side:nth-child(3) .ring:nth-child(17) {
  margin: -85px 0 0 -56.6666666667px;
  z-index: 17;
  -webkit-animation-delay: 6.5666666667s;
          animation-delay: 6.5666666667s;
}

.side:nth-child(3) .ring:nth-child(18) {
  margin: -90px 0 0 -60px;
  z-index: 18;
  -webkit-animation-delay: 6.6s;
          animation-delay: 6.6s;
}

.side:nth-child(3) .ring:nth-child(19) {
  margin: -95px 0 0 -63.3333333333px;
  z-index: 19;
  -webkit-animation-delay: 6.6333333333s;
          animation-delay: 6.6333333333s;
}

.side:nth-child(3) .ring:nth-child(20) {
  margin: -100px 0 0 -66.6666666667px;
  z-index: 20;
  -webkit-animation-delay: 6.6666666667s;
          animation-delay: 6.6666666667s;
}

.side:nth-child(3) .ring:nth-child(21) {
  margin: -105px 0 0 -70px;
  z-index: 21;
  -webkit-animation-delay: 6.7s;
          animation-delay: 6.7s;
}

.side:nth-child(3) .ring:nth-child(22) {
  margin: -110px 0 0 -73.3333333333px;
  z-index: 22;
  -webkit-animation-delay: 6.7333333333s;
          animation-delay: 6.7333333333s;
}

.side:nth-child(3) .ring:nth-child(23) {
  margin: -115px 0 0 -76.6666666667px;
  z-index: 23;
  -webkit-animation-delay: 6.7666666667s;
          animation-delay: 6.7666666667s;
}

.side:nth-child(3) .ring:nth-child(24) {
  margin: -120px 0 0 -80px;
  z-index: 24;
  -webkit-animation-delay: 6.8s;
          animation-delay: 6.8s;
}

.side:nth-child(3) .ring:nth-child(25) {
  margin: -125px 0 0 -83.3333333333px;
  z-index: 25;
  -webkit-animation-delay: 6.8333333333s;
          animation-delay: 6.8333333333s;
}

.side:nth-child(3) .ring:nth-child(26) {
  margin: -130px 0 0 -86.6666666667px;
  z-index: 26;
  -webkit-animation-delay: 6.8666666667s;
          animation-delay: 6.8666666667s;
}

.side:nth-child(3) .ring:nth-child(27) {
  margin: -135px 0 0 -90px;
  z-index: 27;
  -webkit-animation-delay: 6.9s;
          animation-delay: 6.9s;
}

.side:nth-child(3) .ring:nth-child(28) {
  margin: -140px 0 0 -93.3333333333px;
  z-index: 28;
  -webkit-animation-delay: 6.9333333333s;
          animation-delay: 6.9333333333s;
}

.side:nth-child(3) .ring:nth-child(29) {
  margin: -145px 0 0 -96.6666666667px;
  z-index: 29;
  -webkit-animation-delay: 6.9666666667s;
          animation-delay: 6.9666666667s;
}

.side:nth-child(3) .ring:nth-child(30) {
  margin: -150px 0 0 -100px;
  z-index: 30;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}

@-webkit-keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes cromatic {
  0% {
    background-color: #FFFF00;
  }
  15% {
    background-color: #008F59;
  }
  30% {
    background-color: #2771B2;
  }
  45% {
    background-color: #6E3795;
  }
  60% {
    background-color: #FF0000;
  }
  75% {
    background-color: #FF9201;
  }
  100% {
    background-color: #FFFF00;
  }
}
@keyframes cromatic {
  0% {
    background-color: #FFFF00;
  }
  15% {
    background-color: #008F59;
  }
  30% {
    background-color: #2771B2;
  }
  45% {
    background-color: #6E3795;
  }
  60% {
    background-color: #FF0000;
  }
  75% {
    background-color: #FF9201;
  }
  100% {
    background-color: #FFFF00;
  }
}

















.paperplane {
  position: relative;
  left: 40%;
  top: 190px;
  
  -webkit-animation: move 9s linear infinite, updown 8s linear infinite;
 
}

@-webkit-keyframes updown {
  20% { transform: rotate(3deg); }  
  40% { transform: rotate(-3deg); }
  50% { transform: rotate(6deg); }
  60% { transform: rotate(3deg); }
  70% { transform: rotate(-5deg); }   
  80% { transform: rotate(-3deg); }  
  100% { transform: rotate(0deg); }
}


@-webkit-keyframes move{  
  from{ 
    left:-200px; 
    
  }
  to{ 
    left:130%; 
  }
}

.right {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 230px solid white;
  transform: rotate(61deg); 

}
.bottom {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 45px solid #676d70;
  top: 142px;
  transform: rotate(-5deg);
  left:-105px;
  z-index:-1;

}
.top {
  position:absolute;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 60px solid #c1c7c9;
  top: 130px;
  transform: rotate(5deg);
  left:-120px;
  z-index:-3;

}
.middle {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 270px solid #c1c7c9;
  top: -27px;
  transform: rotate(72deg);
  left:-15px;
  z-index:-2;

}
.left {
  position: absolute; 
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-bottom: 270px solid white;
  transform: rotate(78deg) skewY(-35deg); 
  left:-37px;
  z-index:2;
  top:-60px;

}




.hija{
  text-shadow: 1px 1px 1px black;
}
.hija-titull{
  text-shadow: 2px 2px 2px black;
}

.paperplane:hover{-webkit-animation-play-state: paused;}
























.mbeshtjellsja{
      position: absolute;
      float: left;
      margin: 268px 406px;
    transform: scale(1.3);
    }

    .linjaa{
      position: absolute;
      top: 0px;
      width: 2px;
      height: 8px;
      background-color: red;
    }

    .rotullamja{
      position: absolute;
      display: block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: blue;
    }
    .rotullamja-top{
      top: 0px;
      left: -3.5px;
    }
    .rotullamja-bottom{
      bottom: 0px;
      left: -3.5px;
    }

    .pickeza{
      position: absolute;
      display: block;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      left: -1.5px;
    }

    .linjaa1{
      margin-left: 0px;
      background-color: #2410CB;
      -webkit-animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) infinite;
      animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) infinite;
    }
    .linjaa1 > span{
      background-color: #D4141E;
    }
    .linjaa1 > .mepika > .pickeza{
      background-color: #D4141E;
    }
    .linjaa1 > .mepika > .pickeza-top{
      top: 0px;
      -webkit-animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) infinite;
      animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) infinite;
    }
    .linjaa1 > .mepika > .pickeza-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) infinite;
      animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) infinite;
    }
    .linjaa1 > .mepika > .pickeza-middle-top{
      top: 0px;
      -webkit-animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) infinite;
      animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) infinite;
    }
    .linjaa1 > .mepika > .pickeza-middle-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) infinite;
      animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) infinite;
    }

    .linjaa2{
      margin-left: 35px;
      background-color: #852DF4;
      -webkit-animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .05s infinite;
      animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .05s infinite;
    }
    .linjaa2 > span{
      background-color: #FC7E48;
    }
    .linjaa2 > .mepika > .pickeza{
      background-color: #FC7E48;
    }
    .linjaa2 > .mepika > .pickeza-top{
      top: 0px;
      -webkit-animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .05s infinite;
      animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .05s infinite;
    }
    .linjaa2 > .mepika > .pickeza-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .05s infinite;
      animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .05s infinite;
    }
    .linjaa2 > .mepika > .pickeza-middle-top{
      top: 0px;
      -webkit-animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .05s infinite;
      animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .05s infinite;
    }
    .linjaa2 > .mepika > .pickeza-middle-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .05s infinite;
      animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .05s infinite;
    }

    .linjaa3{
      margin-left: 70px;
      background-color: #F42DF1;
      -webkit-animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .1s infinite;
      animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .1s infinite;
    }
    .linjaa3 > span{
      background-color: #EDEB29;
    }
    .linjaa3 > .mepika > .pickeza{
      background-color: #EDEB29;
    }
    .linjaa3 > .mepika > .pickeza-top{
      top: 0px;
      -webkit-animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .1s infinite;
      animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .1s infinite;
    }
    .linjaa3 > .mepika > .pickeza-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .1s infinite;
      animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .1s infinite;
    }
    .linjaa3 > .mepika > .pickeza-middle-top{
      top: 0px;
      -webkit-animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .1s infinite;
      animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .1s infinite;
    }
    .linjaa3 > .mepika > .pickeza-middle-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .1s infinite;
      animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .1s infinite;
    }

    .linjaa4{
      margin-left: 105px;
      background-color: #F91396;
      -webkit-animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .15s infinite;
      animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .15s infinite;
    }
    .linjaa4 > span{
      background-color: #ACED29;
    }
    .linjaa4 > .mepika > .pickeza{
      background-color: #ACED29;
    }
    .linjaa4 > .mepika > .pickeza-top{
      top: 0px;
      -webkit-animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .15s infinite;
      animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .15s infinite;
    }
    .linjaa4 > .mepika > .pickeza-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .15s infinite;
      animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .15s infinite;
    }
    .linjaa4 > .mepika > .pickeza-middle-top{
      top: 0px;
      -webkit-animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .15s infinite;
      animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .15s infinite;
    }
    .linjaa4 > .mepika > .pickeza-middle-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .15s infinite;
      animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .15s infinite;
    }

    .linjaa5{
      margin-left: 140px;
      background-color: #D4141E;
      -webkit-animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .2s infinite;
      animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .2s infinite;
    }
    .linjaa5 > span{
      background-color: #4EF02B;
    }
    .linjaa5 > .mepika > .pickeza{
      background-color: #4EF02B;
    }
    .linjaa5 > .mepika > .pickeza-top{
      top: 0px;
      -webkit-animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .2s infinite;
      animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .2s infinite;
    }
    .linjaa5 > .mepika > .pickeza-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .2s infinite;
      animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .2s infinite;
    }
    .linjaa5 > .mepika > .pickeza-middle-top{
      top: 0px;
      -webkit-animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .2s infinite;
      animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .2s infinite;
    }
    .linjaa5 > .mepika > .pickeza-middle-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .2s infinite;
      animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .2s infinite;
    }

    .linjaa6{
      margin-left: 175px;
      background-color: #FC7E48;
      -webkit-animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .25s infinite;
      animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .25s infinite;
    }
    .linjaa6 > span{
      background-color: #38E790;
    }
    .linjaa6 > .mepika > .pickeza{
      background-color: #38E790;
    }
    .linjaa6 > .mepika > .pickeza-top{
      top: 0px;
      -webkit-animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .25s infinite;
      animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .25s infinite;
    }
    .linjaa6 > .mepika > .pickeza-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .25s infinite;
      animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .25s infinite;
    }
    .linjaa6 > .mepika > .pickeza-middle-top{
      top: 0px;
      -webkit-animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .25s infinite;
      animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .25s infinite;
    }
    .linjaa6 > .mepika > .pickeza-middle-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .25s infinite;
      animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .25s infinite;
    }

    .linjaa7{
      margin-left: 210px;
      background-color: #EDEB29;
      -webkit-animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .3s infinite;
      animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .3s infinite;
    }
    .linjaa7 > span{
      background-color: #25EACC;
    }
    .linjaa7 > .mepika > .pickeza{
      background-color: #25EACC;
    }
    .linjaa7 > .mepika > .pickeza-top{
      top: 0px;
      -webkit-animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .3s infinite;
      animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .3s infinite;
    }
    .linjaa7 > .mepika > .pickeza-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .3s infinite;
      animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .3s infinite;
    }
    .linjaa7 > .mepika > .pickeza-middle-top{
      top: 0px;
      -webkit-animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .3s infinite;
      animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .3s infinite;
    }
    .linjaa7 > .mepika > .pickeza-middle-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .3s infinite;
      animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .3s infinite;
    }

    .linjaa8{
      margin-left: 245px;
      background-color: #ACED29;
      -webkit-animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .35s infinite;
      animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .35s infinite;
    }
    .linjaa8 > span{
      background-color: #309CDF;
    }
    .linjaa8 > .mepika > .pickeza{
      background-color: #309CDF;
    }
    .linjaa8 > .mepika > .pickeza-top{
      top: 0px;
      -webkit-animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .35s infinite;
      animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .35s infinite;
    }
    .linjaa8 > .mepika > .pickeza-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .35s infinite;
      animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .35s infinite;
    }
    .linjaa8 > .mepika > .pickeza-middle-top{
      top: 0px;
      -webkit-animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .35s infinite;
      animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .35s infinite;
    }
    .linjaa8 > .mepika > .pickeza-middle-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .35s infinite;
      animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .35s infinite;
    }

    .linjaa9{
      margin-left: 280px;
      background-color: #4EF02B;
      -webkit-animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .4s infinite;
      animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .4s infinite;
    }
    .linjaa9 > span{
      background-color: #2544E7;
    }
    .linjaa9 > .mepika > .pickeza{
      background-color: #2544E7;
    }
    .linjaa9 > .mepika > .pickeza-top{
      top: 0px;
      -webkit-animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .4s infinite;
      animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .4s infinite;
    }
    .linjaa9 > .mepika > .pickeza-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .4s infinite;
      animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .4s infinite;
    }
    .linjaa9 > .mepika > .pickeza-middle-top{
      top: 0px;
      -webkit-animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .4s infinite;
      animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .4s infinite;
    }
    .linjaa9 > .mepika > .pickeza-middle-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .4s infinite;
      animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .4s infinite;
    }

    .linjaa10{
      margin-left: 315px;
      background-color: #38E790;
      -webkit-animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .45s infinite;
      animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .45s infinite;
    }
    .linjaa10 > span{
      background-color: #852DF4;
    }
    .linjaa10 > .mepika > .pickeza{
      background-color: #852DF4;
    }
    .linjaa10 > .mepika > .pickeza-top{
      top: 0px;
      -webkit-animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .45s infinite;
      animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .45s infinite;
    }
    .linjaa10 > .mepika > .pickeza-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .45s infinite;
      animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .45s infinite;
    }
    .linjaa10 > .mepika > .pickeza-middle-top{
      top: 0px;
      -webkit-animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .45s infinite;
      animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .45s infinite;
    }
    .linjaa10 > .mepika > .pickeza-middle-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .45s infinite;
      animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .45s infinite;
    }

    .linjaa11{
      margin-left: 350px;
      background-color: #25EACC;
      -webkit-animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .5s infinite;
      animation: linjaa 2s cubic-bezier(0.250, 0, 0.705, 1) .5s infinite;
    }
    .linjaa11 > span{
      background-color: #F42DF1;
    }
    .linjaa11 > .mepika > .pickeza{
      background-color: #F42DF1;
    }
    .linjaa11 > .mepika > .pickeza-top{
      top: 0px;
      -webkit-animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .5s infinite;
      animation: pickeza-top 2s cubic-bezier(0.250, 0, 0.705, 1) .5s infinite;

    }
    .linjaa11 > .mepika > .pickeza-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .5s infinite;
      animation: pickeza-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .5s infinite;
    }
    .linjaa11 > .mepika > .pickeza-middle-top{
      top: 0px;
      -webkit-animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .5s infinite;
      animation: pickeza-middle-top 2s cubic-bezier(0.250, 0, 0.705, 1) .5s infinite;
    }
    .linjaa11 > .mepika > .pickeza-middle-bottom{
      bottom: 0px;
      -webkit-animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .5s infinite;
      animation: pickeza-middle-bottom 2s cubic-bezier(0.250, 0, 0.705, 1) .5s infinite;
    }

    @-webkit-keyframes linjaa{
      0%{height: 4px; top: 0px; left: 0px; -webkit-transform: rotate(-65deg)}
      10%{height: 220px; top: -110px; left: 15px;}
      45%{height: 200px; top: -100px; left: 25px;}
      70%{height: 8px; top: 0px; left: 25px; -webkit-transform: rotate(0deg);}
      100%{height: 8px; top: 0px; left: 15px; -webkit-transform: rotate(0deg);}
    }
    @-webkit-keyframes pickeza-top{
      0%{top: -30px}
      10%{top: -30px;}
      45%{top: -25px;}
      60%{top: 0px;}
      100%{top: 0px;}
    }
    @-webkit-keyframes pickeza-bottom{
      0%{bottom: -30px}
      10%{bottom: -30px;}
      45%{bottom: -25px;}
      60%{bottom: 0px;}
      100%{bottom: 0px;}
    }
    @-webkit-keyframes pickeza-middle-top{
      0%{}
      10%{}
      45%{top: 98px;}
      70%{top: -50px;}
      85%{top: 0px;}
      100%{top: 0px;}
    }
    @-webkit-keyframes pickeza-middle-bottom{
      0%{}
      10%{}
      45%{bottom: 98px;}
      70%{bottom: -50px;}
      85%{bottom: 0px;}
      100%{bottom: 0px;}
    }
    
    @keyframes linjaa{
      0%{height: 4px; top: 0px; left: 0px; transform: rotate(-65deg)}
      10%{height: 220px; top: -110px; left: 15px;}
      45%{height: 200px; top: -100px; left: 25px;}
      70%{height: 8px; top: 0px; left: 25px; transform: rotate(0deg);}
      100%{height: 8px; top: 0px; left: 15px; transform: rotate(0deg);}
    }
    @keyframes pickeza-top{
      0%{top: -30px}
      10%{top: -30px;}
      45%{top: -25px;}
      60%{top: 0px;}
      100%{top: 0px;}
    }
    @keyframes pickeza-bottom{
      0%{bottom: -30px}
      10%{bottom: -30px;}
      45%{bottom: -25px;}
      60%{bottom: 0px;}
      100%{bottom: 0px;}
    }
    @keyframes pickeza-middle-top{
      0%{}
      10%{}
      45%{top: 78px;}
      70%{top: -50px;}
      85%{top: 0px;}
      100%{top: 0px;}
    }
    @keyframes pickeza-middle-bottom{
      0%{}
      10%{}
      45%{bottom: 78px;}
      70%{bottom: -50px;}
      85%{bottom: 0px;}
      100%{bottom: 0px;}
    }