@charset "UTF-8";
:root {
  --text-opacity: 1;
}

body {
  font: small-caps bold 20px/1 sans-serif;
}

.scroll-hidden::-webkit-scrollbar {
  width: 0px;
  height: 8px;
}

.scroll-hidden::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

.scroll-hidden::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.scroll-hidden::-webkit-scrollbar-track {
  background-color: #f0f0f0;
  border-radius: 4px;
}

.content-page {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

#stack-page-block {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  height: 100vh;
  width: 100%;
}

#present-page-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
}

#moon-page-block {
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

#start-page-block {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.block-stacks {
  width: 100%;
  height: 70%;
  display: inline-block;
  padding: 0rem 2rem;
  margin-bottom: auto;
}

.block-card {
  border: 1px #fff solid;
  padding: 1rem;
  width: 50%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5098039216);
}

.block-card-title {
  text-align: center;
  margin-top: 0;
}

@layer tokens {
  :root {
    --color-primary: rgba(220, 219, 219, 0.78);
    --color-surface: #242425;
    --time: 24s;
  }
}
@property --shadow-color {
  syntax: "<color>";
  initial-value: transparent;
  inherits: true;
}
.block-title-site {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.title-site {
  color: #121415;
  margin: 0;
}

.block-click-watch {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.block-click-watch h3 {
  margin: 0;
  font-size: 30px;
  color: #121415;
  text-transform: uppercase;
}

.up-page {
  position: absolute;
  bottom: -5vh;
  z-index: 5;
}

@layer stars {
  .stars {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vmax;
    height: 100vmax;
    z-index: -1;
  }
  .stars:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    filter: url(#stars) saturate(0) brightness(1.5);
    mix-blend-mode: overlay;
    opacity: 0.15;
    animation: stars-animation 20s ease-in-out infinite;
  }
  .stars-highlights {
    position: absolute;
    width: 100vw;
    height: 100vh;
    opacity: 0.6;
  }
  .stars-highlights:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    filter: url(#stars-highlights) saturate(0) brightness(1.5);
    mix-blend-mode: lighten;
    opacity: 0.2;
    animation: stars-animation-2 20s ease-in-out infinite;
  }
  @keyframes stars-animation {
    from {
      translate: 1vmin 2vmin;
      rotate: 0deg;
    }
    30% {
      translate: 1vmin -2vmin;
    }
    50% {
      translate: -1vmin 3vmin;
      rotate: 10deg;
    }
    to {
      translate: 1vmin 2vmin;
      rotate: 0deg;
    }
  }
  @keyframes stars-animation-2 {
    from {
      translate: 1vmin -2vmin;
    }
    30% {
      translate: -1vmin -2vmin;
    }
    50% {
      translate: 1vmin -2vmin;
    }
    to {
      translate: 1vmin -2vmin;
    }
  }
  .startails {
    position: absolute;
    inset: 0;
    opacity: 0.6;
  }
  .startails > div {
    --distance: 20vmax;
    border-radius: 50%;
    width: 0.55vmax;
    aspect-ratio: 3/1;
    background: white;
    translate: calc(var(--x) * 100vw) calc(var(--y) * 100vh);
    opacity: 0;
    animation: startails-animation 10s calc(var(--delay) * var(--time) * 6) linear infinite;
    box-shadow: 0 0 0.2vmax white;
  }
  .startails > div:nth-of-type(1) {
    --x: 0.7773316076;
    --y: 0.9952000693;
    --x2: -0.0339804518;
    --y2: 0.4100763059;
    --delay: 0.9190880605;
  }
  .startails > div:nth-of-type(2) {
    --x: 0.0508034108;
    --y: 0.0301669836;
    --x2: 0.3299634302;
    --y2: 0.2613978466;
    --delay: 0.5722585343;
  }
  .startails > div:nth-of-type(3) {
    --x: 0.7171239369;
    --y: 0.5652061773;
    --x2: 0.0607946705;
    --y2: -0.4701921826;
    --delay: 0.3353421529;
  }
  .startails > div:nth-of-type(4) {
    --x: 0.9558860575;
    --y: 0.9137056272;
    --x2: 0.2265772407;
    --y2: 0.4957742305;
    --delay: 0.1426958295;
  }
  .startails > div:nth-of-type(5) {
    --x: 0.5955615651;
    --y: 0.0920570187;
    --x2: -0.00036145;
    --y2: 0.3775951307;
    --delay: 0.91183203;
  }
  .startails > div:nth-of-type(6) {
    --x: 0.0987879556;
    --y: 0.2008790915;
    --x2: 0.4400582139;
    --y2: 0.4896116548;
    --delay: 0.3577324554;
  }
  .startails > div:nth-of-type(7) {
    --x: 0.3681671105;
    --y: 0.83940669;
    --x2: -0.3684598612;
    --y2: 0.0095663617;
    --delay: 0.4214098194;
  }
  .startails > div:nth-of-type(8) {
    --x: 0.5042658972;
    --y: 0.4663388696;
    --x2: 0.415359987;
    --y2: 0.4020046573;
    --delay: 0.4836307128;
  }
  .startails > div:nth-of-type(9) {
    --x: 0.0728387362;
    --y: 0.6456447937;
    --x2: 0.2647837941;
    --y2: -0.0045132524;
    --delay: 0.1819259615;
  }
  .startails > div:nth-of-type(10) {
    --x: 0.8945633698;
    --y: 0.0883608778;
    --x2: -0.443074347;
    --y2: -0.4185298621;
    --delay: 0.0351462451;
  }
  .startails > div:nth-of-type(11) {
    --x: 0.3156015492;
    --y: 0.998567464;
    --x2: 0.2698044081;
    --y2: 0.2427776477;
    --delay: 0.9735010276;
  }
  .startails > div:nth-of-type(12) {
    --x: 0.726898634;
    --y: 0.3003674959;
    --x2: 0.242938314;
    --y2: 0.2700844072;
    --delay: 0.9852650795;
  }
  .startails > div:nth-of-type(13) {
    --x: 0.6418377981;
    --y: 0.4621196557;
    --x2: -0.3218636515;
    --y2: -0.0808328164;
    --delay: 0.7376576634;
  }
  .startails > div:nth-of-type(14) {
    --x: 0.532528248;
    --y: 0.8204430728;
    --x2: 0.2925337035;
    --y2: 0.4343004188;
    --delay: 0.2760891185;
  }
  .startails > div:nth-of-type(15) {
    --x: 0.6021669645;
    --y: 0.7518674397;
    --x2: 0.4587990861;
    --y2: 0.3659803759;
    --delay: 0.8949327235;
  }
  .startails > div:nth-of-type(16) {
    --x: 0.2146737872;
    --y: 0.6931389038;
    --x2: -0.0417566361;
    --y2: -0.120566172;
    --delay: 0.1846224345;
  }
  .startails > div:nth-of-type(17) {
    --x: 0.1539331944;
    --y: 0.2629656622;
    --x2: -0.176496361;
    --y2: -0.2323969207;
    --delay: 0.0854026096;
  }
  .startails > div:nth-of-type(18) {
    --x: 0.087327661;
    --y: 0.7013564962;
    --x2: 0.0960469531;
    --y2: 0.4433483902;
    --delay: 0.6371122352;
  }
  .startails > div:nth-of-type(19) {
    --x: 0.0470831467;
    --y: 0.7910264774;
    --x2: 0.2039384184;
    --y2: 0.2916023378;
    --delay: 0.2762295269;
  }
  .startails > div:nth-of-type(20) {
    --x: 0.5618117391;
    --y: 0.729994461;
    --x2: -0.2906527516;
    --y2: -0.445146262;
    --delay: 0.6663820227;
  }
  .startails > div:nth-of-type(21) {
    --x: 0.0450204832;
    --y: 0.8630434172;
    --x2: -0.2260466137;
    --y2: -0.3008951358;
    --delay: 0.292895346;
  }
  .startails > div:nth-of-type(22) {
    --x: 0.114267102;
    --y: 0.3202103277;
    --x2: -0.1281794218;
    --y2: 0.4106924422;
    --delay: 0.9225017252;
  }
  .startails > div:nth-of-type(23) {
    --x: 0.4113640967;
    --y: 0.630191854;
    --x2: 0.2332236113;
    --y2: 0.1450718342;
    --delay: 0.8607535077;
  }
  .startails > div:nth-of-type(24) {
    --x: 0.6205885121;
    --y: 0.3246127569;
    --x2: -0.4943751336;
    --y2: -0.1080728517;
    --delay: 0.4630361887;
  }
  .startails > div:nth-of-type(25) {
    --x: 0.4325644473;
    --y: 0.0331612673;
    --x2: 0.0350416816;
    --y2: -0.4524853767;
    --delay: 0.1391115968;
  }
  .startails > div:nth-of-type(26) {
    --x: 0.4935067306;
    --y: 0.9551210724;
    --x2: 0.4966353727;
    --y2: 0.0747569318;
    --delay: 0.2582956767;
  }
  .startails > div:nth-of-type(27) {
    --x: 0.3835042564;
    --y: 0.3063014616;
    --x2: -0.3276118038;
    --y2: 0.2404970973;
    --delay: 0.8086193049;
  }
  .startails > div:nth-of-type(28) {
    --x: 0.1397669164;
    --y: 0.8413393439;
    --x2: -0.1149595276;
    --y2: -0.2343301839;
    --delay: 0.6258093746;
  }
  .startails > div:nth-of-type(29) {
    --x: 0.8110991236;
    --y: 0.4548274069;
    --x2: 0.3979032478;
    --y2: -0.0914922985;
    --delay: 0.7334115759;
  }
  .startails > div:nth-of-type(30) {
    --x: 0.1293979017;
    --y: 0.9415307522;
    --x2: -0.3914999012;
    --y2: 0.3860049286;
    --delay: 0.6220757246;
  }
  .startails > div:nth-of-type(31) {
    --x: 0.8062412238;
    --y: 0.5308671369;
    --x2: -0.0526910746;
    --y2: 0.3115819966;
    --delay: 0.1008851102;
  }
  .startails > div:nth-of-type(32) {
    --x: 0.1309905049;
    --y: 0.4878869412;
    --x2: -0.2891088237;
    --y2: 0.1329671047;
    --delay: 0.4751216091;
  }
  .startails > div:nth-of-type(33) {
    --x: 0.5406471056;
    --y: 0.932140261;
    --x2: 0.4443140726;
    --y2: -0.118216694;
    --delay: 0.3100795594;
  }
  .startails > div:nth-of-type(34) {
    --x: 0.0127636007;
    --y: 0.3376825552;
    --x2: -0.3073053355;
    --y2: -0.3820313844;
    --delay: 0.6685577055;
  }
  .startails > div:nth-of-type(35) {
    --x: 0.5242689517;
    --y: 0.3971520672;
    --x2: 0.3776611105;
    --y2: -0.3367797524;
    --delay: 0.5625675141;
  }
  .startails > div:nth-of-type(36) {
    --x: 0.9067921256;
    --y: 0.0199274049;
    --x2: 0.0364902487;
    --y2: -0.4421063053;
    --delay: 0.5454649982;
  }
  .startails > div:nth-of-type(37) {
    --x: 0.9011517585;
    --y: 0.541529971;
    --x2: 0.3334675698;
    --y2: -0.3764534889;
    --delay: 0.3466649737;
  }
  .startails > div:nth-of-type(38) {
    --x: 0.2560658447;
    --y: 0.1435709916;
    --x2: -0.3202017195;
    --y2: -0.389994849;
    --delay: 0.2775636265;
  }
  .startails > div:nth-of-type(39) {
    --x: 0.115271929;
    --y: 0.943354453;
    --x2: -0.1189973888;
    --y2: -0.2547912979;
    --delay: 0.0380096841;
  }
  .startails > div:nth-of-type(40) {
    --x: 0.5459357325;
    --y: 0.9593574568;
    --x2: -0.3099113335;
    --y2: 0.2508623623;
    --delay: 0.1884780828;
  }
  .startails > div:nth-of-type(41) {
    --x: 0.3751812832;
    --y: 0.0769760009;
    --x2: 0.1420475058;
    --y2: -0.4303759754;
    --delay: 0.6344063393;
  }
  .startails > div:nth-of-type(42) {
    --x: 0.6951519523;
    --y: 0.2735217706;
    --x2: 0.0762300959;
    --y2: 0.4173796472;
    --delay: 0.6012594554;
  }
  .startails > div:nth-of-type(43) {
    --x: 0.2591365758;
    --y: 0.7247884888;
    --x2: -0.0212941148;
    --y2: -0.1848307413;
    --delay: 0.1662349704;
  }
  .startails > div:nth-of-type(44) {
    --x: 0.2410838775;
    --y: 0.7278030108;
    --x2: -0.4081452413;
    --y2: 0.0310979086;
    --delay: 0.7645435723;
  }
  .startails > div:nth-of-type(45) {
    --x: 0.8609663485;
    --y: 0.8703830576;
    --x2: -0.018026772;
    --y2: 0.1813684757;
    --delay: 0.5035665435;
  }
  .startails > div:nth-of-type(46) {
    --x: 0.392542086;
    --y: 0.6754954902;
    --x2: 0.2270581064;
    --y2: -0.3699112872;
    --delay: 0.4761215311;
  }
  .startails > div:nth-of-type(47) {
    --x: 0.9490249721;
    --y: 0.3287440791;
    --x2: 0.1481405512;
    --y2: 0.4865473571;
    --delay: 0.0339497709;
  }
  .startails > div:nth-of-type(48) {
    --x: 0.4797823376;
    --y: 0.7579115261;
    --x2: 0.2352798008;
    --y2: 0.222903702;
    --delay: 0.9158692282;
  }
  .startails > div:nth-of-type(49) {
    --x: 0.9908216396;
    --y: 0.2242237464;
    --x2: 0.3258946052;
    --y2: 0.3703100927;
    --delay: 0.9301112759;
  }
  .startails > div:nth-of-type(50) {
    --x: 0.4065736012;
    --y: 0.7229077177;
    --x2: -0.4195916925;
    --y2: -0.4325892046;
    --delay: 0.8641867456;
  }
  .startails > div:nth-of-type(51) {
    --x: 0.147589523;
    --y: 0.5963796517;
    --x2: -0.4198834105;
    --y2: 0.2525993942;
    --delay: 0.9566408549;
  }
  .startails > div:nth-of-type(52) {
    --x: 0.760522247;
    --y: 0.6454813514;
    --x2: -0.1009920828;
    --y2: 0.0192799905;
    --delay: 0.8939994518;
  }
  .startails > div:nth-of-type(53) {
    --x: 0.928296392;
    --y: 0.5895316226;
    --x2: 0.2636273765;
    --y2: -0.2109794484;
    --delay: 0.9626653776;
  }
  .startails > div:nth-of-type(54) {
    --x: 0.260371122;
    --y: 0.8809266214;
    --x2: -0.1757834024;
    --y2: 0.322887347;
    --delay: 0.1888068542;
  }
  .startails > div:nth-of-type(55) {
    --x: 0.5744663718;
    --y: 0.0657488921;
    --x2: 0.1912899256;
    --y2: 0.3299965208;
    --delay: 0.5349628834;
  }
  .startails > div:nth-of-type(56) {
    --x: 0.569142782;
    --y: 0.9572055603;
    --x2: -0.3851262956;
    --y2: -0.0960575868;
    --delay: 0.7621434597;
  }
  .startails > div:nth-of-type(57) {
    --x: 0.3667426648;
    --y: 0.7320067547;
    --x2: -0.1739342557;
    --y2: -0.1794054834;
    --delay: 0.2527191946;
  }
  .startails > div:nth-of-type(58) {
    --x: 0.2576777865;
    --y: 0.5465316947;
    --x2: 0.2709993196;
    --y2: -0.2160032959;
    --delay: 0.3158743219;
  }
  .startails > div:nth-of-type(59) {
    --x: 0.9251738783;
    --y: 0.7355460285;
    --x2: 0.4383745942;
    --y2: 0.1193711548;
    --delay: 0.0097940472;
  }
  .startails > div:nth-of-type(60) {
    --x: 0.102770721;
    --y: 0.8423741625;
    --x2: -0.0579684094;
    --y2: 0.162268884;
    --delay: 0.0502055681;
  }
  .startails > div:nth-of-type(61) {
    --x: 0.9386348315;
    --y: 0.688728594;
    --x2: -0.463702883;
    --y2: -0.0333997242;
    --delay: 0.1183505471;
  }
  .startails > div:nth-of-type(62) {
    --x: 0.5251419989;
    --y: 0.6781459323;
    --x2: 0.3587555811;
    --y2: 0.1937683559;
    --delay: 0.3154607092;
  }
  .startails > div:nth-of-type(63) {
    --x: 0.2373197106;
    --y: 0.0820263468;
    --x2: 0.0639584923;
    --y2: 0.4621491967;
    --delay: 0.8950582162;
  }
  .startails > div:nth-of-type(64) {
    --x: 0.3473474978;
    --y: 0.2094203244;
    --x2: 0.2005202613;
    --y2: -0.1015783682;
    --delay: 0.146770829;
  }
  .startails > div:nth-of-type(65) {
    --x: 0.2240080683;
    --y: 0.3925221821;
    --x2: 0.3885278396;
    --y2: 0.1290402589;
    --delay: 0.3031122759;
  }
  .startails > div:nth-of-type(66) {
    --x: 0.4385344898;
    --y: 0.7897764972;
    --x2: 0.2857513965;
    --y2: -0.031362956;
    --delay: 0.8898623423;
  }
  .startails > div:nth-of-type(67) {
    --x: 0.7339641309;
    --y: 0.7882536698;
    --x2: -0.0362759807;
    --y2: -0.3971956199;
    --delay: 0.5291517878;
  }
  .startails > div:nth-of-type(68) {
    --x: 0.3846132596;
    --y: 0.0695860911;
    --x2: -0.356967647;
    --y2: 0.2580609281;
    --delay: 0.764065879;
  }
  .startails > div:nth-of-type(69) {
    --x: 0.0364569536;
    --y: 0.5787727388;
    --x2: 0.3506919466;
    --y2: -0.419398147;
    --delay: 0.3402010922;
  }
  .startails > div:nth-of-type(70) {
    --x: 0.5736534028;
    --y: 0.0633569237;
    --x2: 0.1122601174;
    --y2: -0.1541487183;
    --delay: 0.5790759698;
  }
  .startails > div:nth-of-type(71) {
    --x: 0.6290912609;
    --y: 0.7035221465;
    --x2: -0.3524899255;
    --y2: 0.2734537534;
    --delay: 0.2396346175;
  }
  .startails > div:nth-of-type(72) {
    --x: 0.9988276431;
    --y: 0.4647730153;
    --x2: -0.1786723309;
    --y2: 0.1412019136;
    --delay: 0.0694401151;
  }
  .startails > div:nth-of-type(73) {
    --x: 0.698351241;
    --y: 0.2557398689;
    --x2: 0.3483261068;
    --y2: 0.3984945409;
    --delay: 0.6849727111;
  }
  .startails > div:nth-of-type(74) {
    --x: 0.8228738447;
    --y: 0.2831463696;
    --x2: 0.3901361791;
    --y2: -0.0721479924;
    --delay: 0.2771388035;
  }
  .startails > div:nth-of-type(75) {
    --x: 0.6220227049;
    --y: 0.9127193863;
    --x2: 0.3056341077;
    --y2: -0.4085174571;
    --delay: 0.2853841262;
  }
  .startails > div:nth-of-type(76) {
    --x: 0.1522634218;
    --y: 0.8306153146;
    --x2: -0.220923101;
    --y2: 0.2669427802;
    --delay: 0.5183340346;
  }
  .startails > div:nth-of-type(77) {
    --x: 0.5724649329;
    --y: 0.3477634318;
    --x2: 0.279397374;
    --y2: -0.2809192359;
    --delay: 0.1760271576;
  }
  .startails > div:nth-of-type(78) {
    --x: 0.1647966032;
    --y: 0.1658953929;
    --x2: -0.0951710456;
    --y2: -0.2176421855;
    --delay: 0.0851311954;
  }
  .startails > div:nth-of-type(79) {
    --x: 0.6354737595;
    --y: 0.4682959393;
    --x2: -0.0478238284;
    --y2: -0.2478114047;
    --delay: 0.8473888541;
  }
  .startails > div:nth-of-type(80) {
    --x: 0.7554059982;
    --y: 0.4162476155;
    --x2: -0.0423115647;
    --y2: -0.2621464565;
    --delay: 0.6894167632;
  }
  .startails > div:nth-of-type(81) {
    --x: 0.3015262312;
    --y: 0.7265971885;
    --x2: 0.0139322824;
    --y2: -0.2062832775;
    --delay: 0.9749442568;
  }
  .startails > div:nth-of-type(82) {
    --x: 0.8488181209;
    --y: 0.8682911685;
    --x2: 0.1278786248;
    --y2: -0.2970472216;
    --delay: 0.203372914;
  }
  .startails > div:nth-of-type(83) {
    --x: 0.9824311307;
    --y: 0.3864009057;
    --x2: -0.1929197498;
    --y2: -0.4135416474;
    --delay: 0.3368190595;
  }
  .startails > div:nth-of-type(84) {
    --x: 0.1494970864;
    --y: 0.9023317393;
    --x2: 0.1755290536;
    --y2: 0.0661271638;
    --delay: 0.8066058096;
  }
  .startails > div:nth-of-type(85) {
    --x: 0.5080102233;
    --y: 0.2590002379;
    --x2: 0.3026375832;
    --y2: 0.012321597;
    --delay: 0.0196217649;
  }
  .startails > div:nth-of-type(86) {
    --x: 0.0412374491;
    --y: 0.177778714;
    --x2: 0.2115570983;
    --y2: -0.3877328005;
    --delay: 0.8810797087;
  }
  .startails > div:nth-of-type(87) {
    --x: 0.4424948437;
    --y: 0.8294269602;
    --x2: 0.0375457017;
    --y2: 0.4558822706;
    --delay: 0.610854373;
  }
  .startails > div:nth-of-type(88) {
    --x: 0.556598756;
    --y: 0.6797455022;
    --x2: -0.3058423913;
    --y2: -0.2933203376;
    --delay: 0.9950890522;
  }
  .startails > div:nth-of-type(89) {
    --x: 0.9617692035;
    --y: 0.4783896389;
    --x2: 0.2135948217;
    --y2: -0.004936612;
    --delay: 0.4416874317;
  }
  .startails > div:nth-of-type(90) {
    --x: 0.9075246238;
    --y: 0.8246491776;
    --x2: -0.04171642;
    --y2: 0.2006256678;
    --delay: 0.9038785852;
  }
  .startails > div:nth-of-type(91) {
    --x: 0.5404343879;
    --y: 0.1761598834;
    --x2: 0.0821763511;
    --y2: -0.2411825683;
    --delay: 0.9331662923;
  }
  .startails > div:nth-of-type(92) {
    --x: 0.2846692293;
    --y: 0.6555372212;
    --x2: 0.0597228261;
    --y2: 0.2923127275;
    --delay: 0.1777413376;
  }
  .startails > div:nth-of-type(93) {
    --x: 0.7641934033;
    --y: 0.5493510773;
    --x2: 0.3225767154;
    --y2: -0.161069985;
    --delay: 0.661659381;
  }
  .startails > div:nth-of-type(94) {
    --x: 0.2699360926;
    --y: 0.4201333964;
    --x2: -0.4518421726;
    --y2: -0.4035410288;
    --delay: 0.2283700921;
  }
  .startails > div:nth-of-type(95) {
    --x: 0.6903826168;
    --y: 0.5893129688;
    --x2: -0.3577189436;
    --y2: 0.36703103;
    --delay: 0.265661924;
  }
  .startails > div:nth-of-type(96) {
    --x: 0.0108814056;
    --y: 0.3964692125;
    --x2: -0.3872956655;
    --y2: 0.1218804003;
    --delay: 0.524675968;
  }
  .startails > div:nth-of-type(97) {
    --x: 0.4569191105;
    --y: 0.2853409715;
    --x2: -0.2437656538;
    --y2: -0.1321626498;
    --delay: 0.6109936851;
  }
  .startails > div:nth-of-type(98) {
    --x: 0.7104381121;
    --y: 0.5530070138;
    --x2: -0.0420383619;
    --y2: 0.1542884558;
    --delay: 0.9903052076;
  }
  .startails > div:nth-of-type(99) {
    --x: 0.2126092669;
    --y: 0.1014249083;
    --x2: -0.0270188644;
    --y2: 0.4827820787;
    --delay: 0.3029352199;
  }
  .startails > div:nth-of-type(100) {
    --x: 0.2014546946;
    --y: 0.0692423304;
    --x2: 0.2199395422;
    --y2: 0.1266106412;
    --delay: 0.3126565554;
  }
  .startails > div:nth-of-type(101) {
    --x: 0.948924396;
    --y: 0.8351910957;
    --x2: -0.1123554389;
    --y2: 0.002715136;
    --delay: 0.7161425747;
  }
  .startails > div:nth-of-type(102) {
    --x: 0.7424819948;
    --y: 0.8371335344;
    --x2: 0.3519472714;
    --y2: 0.2109386597;
    --delay: 0.7251006168;
  }
  .startails > div:nth-of-type(103) {
    --x: 0.1356408005;
    --y: 0.3628397842;
    --x2: 0.3516349366;
    --y2: -0.1039365663;
    --delay: 0.2255632313;
  }
  .startails > div:nth-of-type(104) {
    --x: 0.0245437028;
    --y: 0.4669379883;
    --x2: 0.1843428458;
    --y2: -0.2317419517;
    --delay: 0.6820038879;
  }
  .startails > div:nth-of-type(105) {
    --x: 0.3254241542;
    --y: 0.321429262;
    --x2: -0.2346768068;
    --y2: 0.1209859324;
    --delay: 0.416010942;
  }
  .startails > div:nth-of-type(106) {
    --x: 0.0877382433;
    --y: 0.3396545212;
    --x2: -0.3261092398;
    --y2: 0.1293512412;
    --delay: 0.2689364894;
  }
  .startails > div:nth-of-type(107) {
    --x: 0.5359096283;
    --y: 0.6665394148;
    --x2: -0.0245039765;
    --y2: 0.251070738;
    --delay: 0.7010963012;
  }
  .startails > div:nth-of-type(108) {
    --x: 0.2552877936;
    --y: 0.7545845917;
    --x2: -0.221089628;
    --y2: -0.330973187;
    --delay: 0.5934609155;
  }
  .startails > div:nth-of-type(109) {
    --x: 0.4035186248;
    --y: 0.9260751924;
    --x2: 0.158436553;
    --y2: 0.154368029;
    --delay: 0.7490127909;
  }
  .startails > div:nth-of-type(110) {
    --x: 0.5187611358;
    --y: 0.9628990422;
    --x2: 0.1251888062;
    --y2: -0.4623863254;
    --delay: 0.9645660367;
  }
  .startails > div:nth-of-type(111) {
    --x: 0.2340416162;
    --y: 0.4670683961;
    --x2: 0.2949376739;
    --y2: -0.1699491849;
    --delay: 0.3260586022;
  }
  .startails > div:nth-of-type(112) {
    --x: 0.4486669535;
    --y: 0.1776409813;
    --x2: 0.1916555086;
    --y2: -0.162561561;
    --delay: 0.4351789393;
  }
  .startails > div:nth-of-type(113) {
    --x: 0.2353798793;
    --y: 0.8265222492;
    --x2: 0.1665623511;
    --y2: 0.2574331429;
    --delay: 0.768639527;
  }
  .startails > div:nth-of-type(114) {
    --x: 0.6723129382;
    --y: 0.8771603286;
    --x2: 0.3555002918;
    --y2: 0.3968041977;
    --delay: 0.1056499656;
  }
  .startails > div:nth-of-type(115) {
    --x: 0.3745176571;
    --y: 0.1631675742;
    --x2: 0.4304810278;
    --y2: 0.3786896649;
    --delay: 0.9892777146;
  }
  .startails > div:nth-of-type(116) {
    --x: 0.1318890706;
    --y: 0.8257847638;
    --x2: -0.1813554004;
    --y2: -0.2551934116;
    --delay: 0.4911326517;
  }
  .startails > div:nth-of-type(117) {
    --x: 0.0023014052;
    --y: 0.2861980907;
    --x2: 0.333839251;
    --y2: 0.1726161465;
    --delay: 0.3722628532;
  }
  .startails > div:nth-of-type(118) {
    --x: 0.0855156341;
    --y: 0.8734022937;
    --x2: 0.4793260325;
    --y2: -0.4668795851;
    --delay: 0.1215294515;
  }
  .startails > div:nth-of-type(119) {
    --x: 0.2690134333;
    --y: 0.7877234074;
    --x2: -0.1529565055;
    --y2: -0.2041816885;
    --delay: 0.5626712457;
  }
  .startails > div:nth-of-type(120) {
    --x: 0.9740567443;
    --y: 0.8036642075;
    --x2: -0.2607939197;
    --y2: 0.0150944532;
    --delay: 0.1444305899;
  }
  .startails > div:nth-of-type(121) {
    --x: 0.9300674397;
    --y: 0.8198988628;
    --x2: -0.0656733137;
    --y2: 0.2662627078;
    --delay: 0.7878985864;
  }
  .startails > div:nth-of-type(122) {
    --x: 0.6003088813;
    --y: 0.8177437811;
    --x2: -0.2598329235;
    --y2: -0.4085065149;
    --delay: 0.7471047143;
  }
  .startails > div:nth-of-type(123) {
    --x: 0.7348090327;
    --y: 0.0852790719;
    --x2: -0.4953173804;
    --y2: -0.3457803486;
    --delay: 0.8565257774;
  }
  .startails > div:nth-of-type(124) {
    --x: 0.8581151893;
    --y: 0.8033704916;
    --x2: -0.3499127401;
    --y2: 0.2074979985;
    --delay: 0.7143978055;
  }
  .startails > div:nth-of-type(125) {
    --x: 0.3645031129;
    --y: 0.5761357877;
    --x2: -0.0035647521;
    --y2: 0.2248161239;
    --delay: 0.8353068648;
  }
  .startails > div:nth-of-type(126) {
    --x: 0.005569501;
    --y: 0.3926226978;
    --x2: 0.4064895575;
    --y2: -0.1766989388;
    --delay: 0.6181996039;
  }
  .startails > div:nth-of-type(127) {
    --x: 0.5486934421;
    --y: 0.4893609392;
    --x2: 0.0207514113;
    --y2: -0.4355434289;
    --delay: 0.1848205005;
  }
  .startails > div:nth-of-type(128) {
    --x: 0.2037270707;
    --y: 0.9803862036;
    --x2: 0.4082219779;
    --y2: -0.3015644398;
    --delay: 0.9872640553;
  }
  .startails > div:nth-of-type(129) {
    --x: 0.0760824025;
    --y: 0.0104290917;
    --x2: 0.4477639065;
    --y2: 0.172750516;
    --delay: 0.1949835343;
  }
  .startails > div:nth-of-type(130) {
    --x: 0.368273797;
    --y: 0.3652736154;
    --x2: -0.0251815942;
    --y2: 0.4913458646;
    --delay: 0.6528529094;
  }
  .startails > div:nth-of-type(131) {
    --x: 0.6027735129;
    --y: 0.9186703791;
    --x2: 0.1296726243;
    --y2: -0.4688613052;
    --delay: 0.0736720208;
  }
  .startails > div:nth-of-type(132) {
    --x: 0.0592325174;
    --y: 0.5150741689;
    --x2: -0.4680275298;
    --y2: -0.4473250478;
    --delay: 0.1289050755;
  }
  .startails > div:nth-of-type(133) {
    --x: 0.1579158995;
    --y: 0.2395904918;
    --x2: -0.4115790112;
    --y2: 0.3878316622;
    --delay: 0.2286072743;
  }
  .startails > div:nth-of-type(134) {
    --x: 0.3443704914;
    --y: 0.7647706675;
    --x2: 0.4023897037;
    --y2: 0.213512608;
    --delay: 0.0372018033;
  }
  .startails > div:nth-of-type(135) {
    --x: 0.0550206049;
    --y: 0.2139466555;
    --x2: 0.102428989;
    --y2: 0.0974977259;
    --delay: 0.2342070608;
  }
  .startails > div:nth-of-type(136) {
    --x: 0.8440631137;
    --y: 0.8812410145;
    --x2: 0.3858842679;
    --y2: 0.406483283;
    --delay: 0.9036248837;
  }
  .startails > div:nth-of-type(137) {
    --x: 0.6556024509;
    --y: 0.5476253347;
    --x2: -0.4960394898;
    --y2: 0.2433425428;
    --delay: 0.2149327436;
  }
  .startails > div:nth-of-type(138) {
    --x: 0.7210792345;
    --y: 0.8910927846;
    --x2: 0.4867536575;
    --y2: -0.4963247662;
    --delay: 0.1524898835;
  }
  .startails > div:nth-of-type(139) {
    --x: 0.4697276967;
    --y: 0.7319733524;
    --x2: 0.059483802;
    --y2: 0.3487712057;
    --delay: 0.3947204591;
  }
  .startails > div:nth-of-type(140) {
    --x: 0.2708023349;
    --y: 0.0039822377;
    --x2: -0.2257452;
    --y2: 0.0545531263;
    --delay: 0.1708152147;
  }
  .startails > div:nth-of-type(141) {
    --x: 0.9582147791;
    --y: 0.5780002601;
    --x2: 0.3145469084;
    --y2: 0.4638372314;
    --delay: 0.0597493842;
  }
  .startails > div:nth-of-type(142) {
    --x: 0.8496005875;
    --y: 0.2121979368;
    --x2: 0.1461073506;
    --y2: 0.0632512583;
    --delay: 0.065126556;
  }
  .startails > div:nth-of-type(143) {
    --x: 0.0517196683;
    --y: 0.1163821986;
    --x2: -0.3259806351;
    --y2: -0.4235250788;
    --delay: 0.682087966;
  }
  .startails > div:nth-of-type(144) {
    --x: 0.1507624778;
    --y: 0.4167947197;
    --x2: -0.0527764269;
    --y2: -0.2148592099;
    --delay: 0.9272563271;
  }
  .startails > div:nth-of-type(145) {
    --x: 0.7572285781;
    --y: 0.6984106732;
    --x2: -0.3490233022;
    --y2: -0.2874137601;
    --delay: 0.1481786022;
  }
  .startails > div:nth-of-type(146) {
    --x: 0.8812686129;
    --y: 0.0113087442;
    --x2: 0.0095910286;
    --y2: 0.3487989129;
    --delay: 0.8588052396;
  }
  .startails > div:nth-of-type(147) {
    --x: 0.107350833;
    --y: 0.4679859761;
    --x2: 0.408481421;
    --y2: 0.2938802635;
    --delay: 0.6630999494;
  }
  .startails > div:nth-of-type(148) {
    --x: 0.7286708792;
    --y: 0.3171575689;
    --x2: 0.1353512151;
    --y2: -0.1274667174;
    --delay: 0.9666631271;
  }
  .startails > div:nth-of-type(149) {
    --x: 0.9450839719;
    --y: 0.5771331851;
    --x2: -0.3325212856;
    --y2: -0.2776488655;
    --delay: 0.3313809963;
  }
  .startails > div:nth-of-type(150) {
    --x: 0.6610307274;
    --y: 0.681913134;
    --x2: -0.1237885468;
    --y2: 0.2566330505;
    --delay: 0.9620560816;
  }
  .startails > div:nth-of-type(151) {
    --x: 0.0895762232;
    --y: 0.218914601;
    --x2: 0.4291805938;
    --y2: -0.0873767452;
    --delay: 0.9166763345;
  }
  .startails > div:nth-of-type(152) {
    --x: 0.0305735408;
    --y: 0.8887460639;
    --x2: -0.0009522906;
    --y2: 0.1045737297;
    --delay: 0.0689582772;
  }
  .startails > div:nth-of-type(153) {
    --x: 0.4912414551;
    --y: 0.8717644059;
    --x2: 0.3344147762;
    --y2: 0.0712508674;
    --delay: 0.6572700664;
  }
  .startails > div:nth-of-type(154) {
    --x: 0.4615344684;
    --y: 0.07017266;
    --x2: -0.0487797166;
    --y2: 0.4087420156;
    --delay: 0.4479477301;
  }
  .startails > div:nth-of-type(155) {
    --x: 0.5244237746;
    --y: 0.0068561775;
    --x2: 0.3765514381;
    --y2: -0.3129198783;
    --delay: 0.0787727664;
  }
  .startails > div:nth-of-type(156) {
    --x: 0.8216713789;
    --y: 0.5689894964;
    --x2: -0.4145155744;
    --y2: -0.0449596717;
    --delay: 0.1936381236;
  }
  .startails > div:nth-of-type(157) {
    --x: 0.1794449738;
    --y: 0.5690199487;
    --x2: 0.2456898702;
    --y2: -0.0900147819;
    --delay: 0.6695222247;
  }
  .startails > div:nth-of-type(158) {
    --x: 0.0931566048;
    --y: 0.134454309;
    --x2: -0.4254859506;
    --y2: -0.0289215698;
    --delay: 0.543325648;
  }
  .startails > div:nth-of-type(159) {
    --x: 0.736670688;
    --y: 0.1579491868;
    --x2: 0.4597712016;
    --y2: 0.3863611516;
    --delay: 0.442979145;
  }
  .startails > div:nth-of-type(160) {
    --x: 0.7106349501;
    --y: 0.752273032;
    --x2: -0.1252203982;
    --y2: 0.0123169554;
    --delay: 0.7700971486;
  }
  .startails > div:nth-of-type(161) {
    --x: 0.3611769751;
    --y: 0.0225405347;
    --x2: 0.3198035399;
    --y2: 0.100410736;
    --delay: 0.9915414703;
  }
  .startails > div:nth-of-type(162) {
    --x: 0.7353288452;
    --y: 0.0993712554;
    --x2: 0.4245305116;
    --y2: -0.4051630583;
    --delay: 0.0803447815;
  }
  .startails > div:nth-of-type(163) {
    --x: 0.7115580541;
    --y: 0.1125766833;
    --x2: -0.2338501295;
    --y2: 0.1158863033;
    --delay: 0.2689152497;
  }
  .startails > div:nth-of-type(164) {
    --x: 0.1835083153;
    --y: 0.997347464;
    --x2: 0.3950526959;
    --y2: -0.3681252917;
    --delay: 0.0017283878;
  }
  .startails > div:nth-of-type(165) {
    --x: 0.2459696253;
    --y: 0.6557160531;
    --x2: -0.1039629;
    --y2: 0.3836360129;
    --delay: 0.3741174753;
  }
  .startails > div:nth-of-type(166) {
    --x: 0.6996388017;
    --y: 0.1821536713;
    --x2: 0.0000881095;
    --y2: -0.0215271912;
    --delay: 0.1048917624;
  }
  .startails > div:nth-of-type(167) {
    --x: 0.4025958113;
    --y: 0.0493688825;
    --x2: -0.073034164;
    --y2: 0.4768388998;
    --delay: 0.0622406717;
  }
  .startails > div:nth-of-type(168) {
    --x: 0.1485845879;
    --y: 0.3946997287;
    --x2: -0.257704319;
    --y2: 0.1884338759;
    --delay: 0.1570529519;
  }
  .startails > div:nth-of-type(169) {
    --x: 0.3902209641;
    --y: 0.1326004955;
    --x2: 0.2357778541;
    --y2: -0.06527043;
    --delay: 0.1017343742;
  }
  .startails > div:nth-of-type(170) {
    --x: 0.2563524483;
    --y: 0.3656692031;
    --x2: -0.1240858454;
    --y2: -0.2828338098;
    --delay: 0.8552098932;
  }
  .startails > div:nth-of-type(171) {
    --x: 0.9935516064;
    --y: 0.4860316323;
    --x2: 0.3195917085;
    --y2: 0.1303868055;
    --delay: 0.5311771591;
  }
  .startails > div:nth-of-type(172) {
    --x: 0.6515108579;
    --y: 0.5638693238;
    --x2: -0.0384064611;
    --y2: -0.3253470907;
    --delay: 0.2645990966;
  }
  .startails > div:nth-of-type(173) {
    --x: 0.4484209104;
    --y: 0.5902731736;
    --x2: 0.3712356365;
    --y2: -0.0731893604;
    --delay: 0.0944993098;
  }
  .startails > div:nth-of-type(174) {
    --x: 0.8926117408;
    --y: 0.3293898077;
    --x2: 0.3835705905;
    --y2: 0.0569242504;
    --delay: 0.9034740384;
  }
  .startails > div:nth-of-type(175) {
    --x: 0.5124379955;
    --y: 0.8014156238;
    --x2: -0.2128201688;
    --y2: -0.0760314576;
    --delay: 0.7926787063;
  }
  .startails > div:nth-of-type(176) {
    --x: 0.8620155238;
    --y: 0.1046702009;
    --x2: -0.3428566538;
    --y2: 0.3108421552;
    --delay: 0.2460073053;
  }
  .startails > div:nth-of-type(177) {
    --x: 0.1057850138;
    --y: 0.8394701117;
    --x2: 0.4737309463;
    --y2: 0.052232103;
    --delay: 0.9888685389;
  }
  .startails > div:nth-of-type(178) {
    --x: 0.5745586689;
    --y: 0.2161862376;
    --x2: -0.0116665544;
    --y2: 0.3091116573;
    --delay: 0.2986543171;
  }
  .startails > div:nth-of-type(179) {
    --x: 0.9573040411;
    --y: 0.9951180991;
    --x2: 0.3565580624;
    --y2: 0.3863042329;
    --delay: 0.8232710265;
  }
  .startails > div:nth-of-type(180) {
    --x: 0.5236462022;
    --y: 0.3948885703;
    --x2: 0.4936872858;
    --y2: -0.2907236394;
    --delay: 0.3931597958;
  }
  .startails > div:nth-of-type(181) {
    --x: 0.9240717502;
    --y: 0.2062434373;
    --x2: 0.1199076506;
    --y2: 0.0282380792;
    --delay: 0.5267425325;
  }
  .startails > div:nth-of-type(182) {
    --x: 0.9346432837;
    --y: 0.5608489872;
    --x2: -0.0721393761;
    --y2: -0.1683473927;
    --delay: 0.6411287325;
  }
  .startails > div:nth-of-type(183) {
    --x: 0.5026039328;
    --y: 0.0371997618;
    --x2: -0.2945337604;
    --y2: 0.4516358145;
    --delay: 0.6869532358;
  }
  .startails > div:nth-of-type(184) {
    --x: 0.3063499503;
    --y: 0.6402603784;
    --x2: 0.1937488746;
    --y2: 0.4669053433;
    --delay: 0.285482056;
  }
  .startails > div:nth-of-type(185) {
    --x: 0.3745158104;
    --y: 0.7643249436;
    --x2: 0.2750037136;
    --y2: 0.1333163567;
    --delay: 0.269069806;
  }
  .startails > div:nth-of-type(186) {
    --x: 0.887822909;
    --y: 0.2372334584;
    --x2: 0.4167312632;
    --y2: -0.2549922575;
    --delay: 0.0391217312;
  }
  .startails > div:nth-of-type(187) {
    --x: 0.3014712662;
    --y: 0.7076532474;
    --x2: -0.3986239573;
    --y2: -0.4749423663;
    --delay: 0.8322835912;
  }
  .startails > div:nth-of-type(188) {
    --x: 0.0111979615;
    --y: 0.1979797116;
    --x2: 0.0204519878;
    --y2: -0.0164337399;
    --delay: 0.3422860696;
  }
  .startails > div:nth-of-type(189) {
    --x: 0.2551095909;
    --y: 0.6854767611;
    --x2: 0.4910396428;
    --y2: 0.2359201827;
    --delay: 0.7427892142;
  }
  .startails > div:nth-of-type(190) {
    --x: 0.197706709;
    --y: 0.7183810188;
    --x2: -0.2565524899;
    --y2: -0.1813858933;
    --delay: 0.4280176173;
  }
  .startails > div:nth-of-type(191) {
    --x: 0.2650606548;
    --y: 0.4097254186;
    --x2: -0.0269633149;
    --y2: 0.1419733416;
    --delay: 0.5531161208;
  }
  .startails > div:nth-of-type(192) {
    --x: 0.9241594703;
    --y: 0.0708061291;
    --x2: -0.1835648195;
    --y2: 0.1606664555;
    --delay: 0.4663115215;
  }
  .startails > div:nth-of-type(193) {
    --x: 0.8759456214;
    --y: 0.6909827602;
    --x2: -0.2294950383;
    --y2: -0.4890587371;
    --delay: 0.7249026291;
  }
  .startails > div:nth-of-type(194) {
    --x: 0.098334745;
    --y: 0.8106241129;
    --x2: -0.2331315787;
    --y2: 0.2550351967;
    --delay: 0.9430100268;
  }
  .startails > div:nth-of-type(195) {
    --x: 0.1305309746;
    --y: 0.949992826;
    --x2: 0.2858115562;
    --y2: -0.2495604185;
    --delay: 0.2198974721;
  }
  .startails > div:nth-of-type(196) {
    --x: 0.0764309924;
    --y: 0.7160453658;
    --x2: -0.3023276821;
    --y2: -0.1277330096;
    --delay: 0.8932036802;
  }
  .startails > div:nth-of-type(197) {
    --x: 0.7147149378;
    --y: 0.5524593587;
    --x2: 0.2428280738;
    --y2: 0.4956462149;
    --delay: 0.3303712701;
  }
  .startails > div:nth-of-type(198) {
    --x: 0.1494251203;
    --y: 0.1665879087;
    --x2: -0.3631529585;
    --y2: -0.16242297;
    --delay: 0.2252706647;
  }
  .startails > div:nth-of-type(199) {
    --x: 0.4629445275;
    --y: 0.8994972873;
    --x2: -0.2121192396;
    --y2: 0.277344991;
    --delay: 0.158460456;
  }
  .startails > div:nth-of-type(200) {
    --x: 0.3758170816;
    --y: 0.8858884444;
    --x2: 0.4695304012;
    --y2: 0.192219695;
    --delay: 0.0777956671;
  }
  .startails > div:nth-of-type(201) {
    --x: 0.2073812223;
    --y: 0.5164093258;
    --x2: 0.4292279914;
    --y2: 0.0402477848;
    --delay: 0.6604121694;
  }
  @keyframes startails-animation {
    from {
      opacity: 1;
      translate: calc(var(--x) * 100vw) calc(var(--y) * 100vh);
      scale: 0.9;
    }
    2% {
      scale: 0.4;
    }
    5% {
      translate: calc(var(--x) * 100vw + var(--y2) * var(--distance)) calc(var(--y) * 100vh + var(--x2) * var(--distance));
      opacity: 0;
      scale: 1;
    }
    to {
      translate: calc(var(--x) * 100vw + var(--y2) * var(--distance)) calc(var(--y) * 100vh + var(--x2) * var(--distance));
      scale: 1;
      opacity: 0;
    }
  }
}
@layer scene {
  .scene {
    display: grid;
    place-items: center;
    position: absolute;
    animation: scene-zoom-in-out var(--time) ease-in-out infinite;
    transform-style: preserve-3d;
  }
  @keyframes scene-zoom-in-out {
    from {
      transform: scale(0.9);
    }
    50% {
      transform: scale(1);
    }
    to {
      transform: scale(0.9);
    }
  }
}
@property --space {
  syntax: "<length>";
  initial-value: 0;
  inherits: true;
}
@layer cuboid {
  .cuboid {
    position: absolute;
    transform-style: preserve-3d;
    transform: rotateY(312deg) rotateX(350deg) rotateZ(10deg) translateY(20vh);
    --size: 8vmax;
    --size-h: calc(var(--size) / 2);
    --size-h-n: calc(var(--size) / -2);
  }
  .cuboid .top {
    width: var(--size);
    aspect-ratio: 1;
    background: linear-gradient(135deg, #e8dbdd, #989699);
    transform-style: preserve-3d;
    transform: rotateX(90deg) translateZ(var(--size-h-n));
    opacity: 0.9;
  }
  .cuboid .front {
    width: var(--size);
    aspect-ratio: 1/2;
    background: linear-gradient(#5f595d, transparent 60%);
    opacity: 0.5;
    transform: translateZ(var(--size-h));
    position: absolute;
  }
  .cuboid .right {
    width: var(--size);
    aspect-ratio: 1/2;
    background: linear-gradient(#5f595d 10%, transparent 90%);
    transform: translate3d(var(--size-h), 0, 0) rotateY(90deg);
    position: absolute;
    opacity: 0.7;
    -webkit-mask: radial-gradient(150% 120% at 0% 0%, black, transparent);
            mask: radial-gradient(150% 120% at 0% 0%, black, transparent);
  }
  .cuboid .outline {
    --space: 0vmax;
    --space-h: calc(var(--size) / 2);
    position: absolute;
    width: var(--size);
    aspect-ratio: 1;
    border: 0.0125vmax solid white;
    transition: all 3s ease-in-out;
    translate: calc(-50% + var(--space-h)) calc(-50% + var(--space-h));
    padding: var(--space);
    --duration: 16s;
    animation: outline-animation var(--duration) 0s cubic-bezier(0.68, 0.27, 0.26, 0.91) infinite;
    opacity: 0;
    box-shadow: inset 0 0 0.5vmax rgba(255, 255, 255, 0.4), 0 0 0.5vmax rgba(255, 255, 255, 0.4);
    --initial-space: var(--size-h);
  }
  .cuboid .outline:nth-of-type(2) {
    animation-delay: calc(var(--duration) / 4);
  }
  .cuboid .outline:nth-of-type(3) {
    animation-delay: calc(var(--duration) / 4 * 2);
  }
  .cuboid .outline:nth-of-type(4) {
    animation-delay: calc(var(--duration) / 4 * 3);
  }
  @keyframes outline-animation {
    from {
      --space: var(--initial-space, 0vmax);
      opacity: 0;
      filter: blur(0vmax);
    }
    5% {
      opacity: 0.2;
    }
    40% {
      opacity: 0.5;
    }
    60% {
      opacity: 0.05;
      filter: blur(0vmax);
    }
    80% {
      opacity: 0;
    }
    to {
      --space: calc(var(--initial-space, 0vmax) + 25vmax);
      opacity: 0;
      filter: blur(0.6vmax);
    }
  }
}
@layer planets {
  @property --moon-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: true;
  }
  @keyframes moon-animation {
    from {
      --moon-angle: 180deg;
    }
    50% {
      --moon-angle: 200deg;
    }
    to {
      --moon-angle: 180deg;
    }
  }
  .sun {
    border-radius: 50%;
    width: 25vmax;
    aspect-ratio: 1;
    background: radial-gradient(circle at 60% 60%, #f6f6f6, #e8dbdd, #d9d9d9);
    position: absolute;
    transform: translateY(-20vmax);
    box-shadow: 0 0 14vmax rgba(255, 255, 255, 0.5), 0 0 22vmax rgba(255, 255, 255, 0.05), 0 0 42vmax rgba(255, 255, 255, 0.4);
    transform-style: preserve-3d;
  }
  .planet {
    border-radius: 50%;
    width: 17vmax;
    aspect-ratio: 1;
    background: radial-gradient(90% 90% at 60% 55%, #252525, #2a2f33 52%, #ede9ea 62%), #ede9ea;
    position: absolute;
    --r: 15vmax;
    --y: calc(-10vmax + sin(var(--moon-angle)) * var(--r));
    --z: calc(cos(var(--moon-angle)) * var(--r) * -1);
    transform: translateY(var(--y)) translateX(13vmax) translateZ(var(--z));
    animation: moon-animation var(--time) ease-in-out infinite;
    box-shadow: 0 0 2.5vmax rgba(255, 255, 255, 0.12);
    filter: blur(0.05vmax);
    transform-style: preserve-3d;
  }
  .planet-2 {
    transform-style: preserve-3d;
    border-radius: 50%;
    width: 13vmax;
    aspect-ratio: 1;
    background: radial-gradient(90% 90% at 60% 55%, #e3e3e3, #d2c6c8 52%, #212528 62%, transparent 82%);
    position: absolute;
    --r: 2vmax;
    --y: calc(-35vmax + sin(var(--moon-angle)) * var(--r));
    --z: calc(cos(var(--moon-angle)) * var(--r) * 1);
    transform: translateY(var(--y)) translateX(-20vmax) translateZ(var(--z));
    animation: moon-animation var(--time) ease-in-out infinite;
  }
  .planet-3 {
    transform-style: preserve-3d;
    border-radius: 50%;
    width: 2vmax;
    aspect-ratio: 1;
    background: radial-gradient(90% 90% at 70% 50%, #eeeeee 16%, #b7aeb0 38%, #3c4144 52%, #2d3134 60%, transparent 82%);
    position: absolute;
    transform: translateY(-10vmax) translateX(-20vmax);
    opacity: 0.6;
  }
  .planet-4 {
    transform-style: preserve-3d;
    border-radius: 50%;
    width: 1vmax;
    aspect-ratio: 1;
    background: radial-gradient(90% 90% at 70% 50%, #d0d0d0, #b7aeb0 38%, #121415 52%, #131617 60%, transparent 82%);
    position: absolute;
    transform: translateY(-11vmax) translateX(-22vmax);
    opacity: 0.5;
  }
  .planet-5 {
    transform-style: preserve-3d;
    border-radius: 50%;
    width: 10vmax;
    aspect-ratio: 1;
    background: radial-gradient(90% 90% at 30% 55%, #797777, #515051 52%, #212528 62%, transparent 82%);
    position: absolute;
    --r: 5vmax;
    --y: calc(-35vmax + sin(var(--moon-angle)) * var(--r));
    --z: calc(cos(var(--moon-angle)) * var(--r) * 1);
    transform: translateY(var(--y)) translateX(18vmax) translateZ(var(--z));
    -webkit-clip-path: circle();
            clip-path: circle();
    overflow: clip;
    animation: moon-animation var(--time) ease-in-out infinite;
    --animation: move-to-left calc(var(--time) * 6) ease-in-out infinite;
  }
  .planet-5 .structure-1 {
    position: absolute;
    inset: -20vmax;
    filter: url(#planet-structure) saturate(0);
    mix-blend-mode: lighten;
    opacity: 0.4;
    transform: scale(4) translateX(1vmax);
    animation: var(--animation);
  }
  .planet-5 .structure-2 {
    position: absolute;
    inset: -20vmax;
    filter: url(#planet-structure) saturate(0);
    mix-blend-mode: lighten;
    opacity: 0.5;
    transform: scale(7.5);
    animation: var(--animation);
  }
  .planet-5 .structure-3 {
    position: absolute;
    inset: -20vmax;
    filter: url(#planet-structure) saturate(0);
    mix-blend-mode: lighten;
    opacity: 0.1;
    transform: scale(0.2) translateX(1vmax);
    animation: var(--animation);
  }
  .planet-5::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 5% 20%, transparent 30%, #171a1c 60%);
  }
  @keyframes move-to-left {
    from {
      translate: 0 0;
    }
    50% {
      translate: -100% 0;
    }
    to {
      translate: 0 0;
    }
  }
  .planet-6 {
    transform-style: preserve-3d;
    border-radius: 50%;
    width: 7vmax;
    aspect-ratio: 1;
    background: radial-gradient(90% 90% at 30% 55%, #f3ecec, #7a7a7a 52%, #212528 72%, transparent);
    position: absolute;
    --r: 6vmax;
    --y: calc(-39.6vmax + sin(var(--moon-angle)) * var(--r));
    --z: calc(cos(var(--moon-angle)) * var(--r) * 1);
    transform: translateY(var(--y)) translateX(23vmax) translateZ(var(--z));
    animation: moon-animation var(--time) ease-in-out infinite;
    display: grid;
    place-items: center;
  }
  .planet-6::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 12vmax;
    height: 1vmax;
    border: 1vmax solid #5e5e5e;
    box-shadow: inset 0 0 1rem black;
    transform: rotate(25deg);
    -webkit-mask: radial-gradient(circle at 50% -20%, transparent 30%, black);
            mask: radial-gradient(circle at 50% -20%, transparent 30%, black);
    -webkit-clip-path: ellipse(47% 22% at 50% 50%);
            clip-path: ellipse(47% 22% at 50% 50%);
    filter: blur(0.5vmax);
  }
  .planet-6::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 12vmax;
    height: 1vmax;
    border: 2.6vmax solid #43484c;
    box-shadow: inset 0 0 1rem black;
    transform: rotate(25deg);
    -webkit-mask: radial-gradient(circle at 50% -20%, transparent 30%, black);
            mask: radial-gradient(circle at 50% -20%, transparent 30%, black);
    -webkit-clip-path: ellipse(47% 22% at 50% 50%);
            clip-path: ellipse(47% 22% at 50% 50%);
  }
  .planets,
  .planets-2 {
    position: absolute;
    inset: 0;
  }
  .planets > div,
  .planets-2 > div {
    --distance: 20vmax;
    border-radius: 50%;
    width: 1.6vmax;
    aspect-ratio: 1;
    background: radial-gradient(90% 90% at 70% 50%, #bbbaba, #888586 38%, #121415 52%, #131617 60%, transparent 82%);
    translate: calc(var(--x) * 100vw) calc(var(--y) * 100vh);
  }
  .planets > div:nth-of-type(1),
  .planets-2 > div:nth-of-type(1) {
    --x: 0.1231777324;
    --y: 0.7943775333;
    --x2: 0.2913360737;
    --y2: 0.347334486;
    --delay: 0.0133521636;
  }
  .planets > div:nth-of-type(2),
  .planets-2 > div:nth-of-type(2) {
    --x: 0.257321355;
    --y: 0.2168687215;
    --x2: 0.2570676466;
    --y2: 0.3380910311;
    --delay: 0.93338978;
  }
  .planets > div:nth-of-type(3),
  .planets-2 > div:nth-of-type(3) {
    --x: 0.8563674202;
    --y: 0.7121305325;
    --x2: 0.4308281556;
    --y2: 0.4219354037;
    --delay: 0.6456468883;
  }
  .planets > div:nth-of-type(4),
  .planets-2 > div:nth-of-type(4) {
    --x: 0.2239202095;
    --y: 0.6431783142;
    --x2: -0.2510155876;
    --y2: 0.2466519048;
    --delay: 0.8664960104;
  }
  .planets > div:nth-of-type(5),
  .planets-2 > div:nth-of-type(5) {
    --x: 0.2159615454;
    --y: 0.2042446725;
    --x2: 0.3602384176;
    --y2: -0.1904186424;
    --delay: 0.560049547;
  }
  .planets > div:nth-of-type(6),
  .planets-2 > div:nth-of-type(6) {
    --x: 0.600700303;
    --y: 0.689475813;
    --x2: -0.025469981;
    --y2: 0.4461506884;
    --delay: 0.1979375751;
  }
  .planets > div:nth-of-type(7),
  .planets-2 > div:nth-of-type(7) {
    --x: 0.2139731775;
    --y: 0.7533968105;
    --x2: 0.3334366247;
    --y2: 0.047460866;
    --delay: 0.8984300776;
  }
  .planets > div:nth-of-type(8),
  .planets-2 > div:nth-of-type(8) {
    --x: 0.0328368359;
    --y: 0.223980303;
    --x2: -0.4773138515;
    --y2: 0.3862635933;
    --delay: 0.9586688365;
  }
  .planets > div:nth-of-type(9),
  .planets-2 > div:nth-of-type(9) {
    --x: 0.7315586857;
    --y: 0.4055258354;
    --x2: 0.3117528052;
    --y2: -0.0132216418;
    --delay: 0.3862759851;
  }
  .planets > div:nth-of-type(10),
  .planets-2 > div:nth-of-type(10) {
    --x: 0.8624280886;
    --y: 0.2895756949;
    --x2: -0.2359677751;
    --y2: -0.0595490367;
    --delay: 0.405487696;
  }
  .planets > div:nth-of-type(11),
  .planets-2 > div:nth-of-type(11) {
    --x: 0.0063475276;
    --y: 0.192665843;
    --x2: -0.2699679089;
    --y2: 0.2846833185;
    --delay: 0.458045188;
  }
  .planets > div:nth-of-type(12),
  .planets-2 > div:nth-of-type(12) {
    --x: 0.7463755931;
    --y: 0.3501435275;
    --x2: -0.3691995406;
    --y2: -0.0696389568;
    --delay: 0.9944145315;
  }
  .planets > div:nth-of-type(13),
  .planets-2 > div:nth-of-type(13) {
    --x: 0.5114803682;
    --y: 0.7132166427;
    --x2: 0.3117432574;
    --y2: 0.0555161198;
    --delay: 0.7723575254;
  }
  .planets > div:nth-of-type(14),
  .planets-2 > div:nth-of-type(14) {
    --x: 0.171763394;
    --y: 0.7596924042;
    --x2: -0.4174263493;
    --y2: -0.2137111881;
    --delay: 0.2056490671;
  }
  .planets > div:nth-of-type(15),
  .planets-2 > div:nth-of-type(15) {
    --x: 0.2871459907;
    --y: 0.4037596844;
    --x2: -0.0779504465;
    --y2: -0.3800160783;
    --delay: 0.3855843619;
  }
  .planets > div:nth-of-type(16),
  .planets-2 > div:nth-of-type(16) {
    --x: 0.0154782202;
    --y: 0.7342777815;
    --x2: 0.3691450835;
    --y2: 0.4619371384;
    --delay: 0.4740074061;
  }
  .planets > div:nth-of-type(17),
  .planets-2 > div:nth-of-type(17) {
    --x: 0.5657538043;
    --y: 0.6073903314;
    --x2: 0.2544772376;
    --y2: 0.0799970395;
    --delay: 0.7563458182;
  }
  .planets > div:nth-of-type(18),
  .planets-2 > div:nth-of-type(18) {
    --x: 0.0973591904;
    --y: 0.8774445677;
    --x2: -0.0597768384;
    --y2: -0.0297713389;
    --delay: 0.1213721148;
  }
  .planets > div:nth-of-type(19),
  .planets-2 > div:nth-of-type(19) {
    --x: 0.2801261455;
    --y: 0.5890459045;
    --x2: -0.2294165398;
    --y2: -0.0484315604;
    --delay: 0.265335972;
  }
  .planets > div:nth-of-type(20),
  .planets-2 > div:nth-of-type(20) {
    --x: 0.3054777204;
    --y: 0.6851593671;
    --x2: 0.3270600079;
    --y2: 0.1568376818;
    --delay: 0.2246296714;
  }
  .planets > div:nth-of-type(21),
  .planets-2 > div:nth-of-type(21) {
    --x: 0.0534255929;
    --y: 0.1633909982;
    --x2: 0.0701845538;
    --y2: -0.4861494621;
    --delay: 0.9013162203;
  }
  .planets > div:nth-of-type(22),
  .planets-2 > div:nth-of-type(22) {
    --x: 0.7203476724;
    --y: 0.1217540369;
    --x2: 0.1717389881;
    --y2: 0.2288528747;
    --delay: 0.2752651382;
  }
  .planets > div:nth-of-type(23),
  .planets-2 > div:nth-of-type(23) {
    --x: 0.8819649349;
    --y: 0.9894844559;
    --x2: 0.4032731036;
    --y2: 0.4775595517;
    --delay: 0.5811629937;
  }
  .planets > div:nth-of-type(24),
  .planets-2 > div:nth-of-type(24) {
    --x: 0.2209953978;
    --y: 0.3412873493;
    --x2: 0.189873561;
    --y2: 0.0194472537;
    --delay: 0.943262192;
  }
  .planets > div:nth-of-type(25),
  .planets-2 > div:nth-of-type(25) {
    --x: 0.995208493;
    --y: 0.8162481095;
    --x2: 0.1793424505;
    --y2: 0.4350963321;
    --delay: 0.3942113101;
  }
  .planets > div:nth-of-type(26),
  .planets-2 > div:nth-of-type(26) {
    --x: 0.9996512596;
    --y: 0.8173963756;
    --x2: -0.3263754831;
    --y2: 0.3123083351;
    --delay: 0.038488378;
  }
  .planets > div:nth-of-type(27),
  .planets-2 > div:nth-of-type(27) {
    --x: 0.2036213878;
    --y: 0.9906829877;
    --x2: -0.1354626916;
    --y2: 0.2361892596;
    --delay: 0.7285792062;
  }
  .planets > div:nth-of-type(28),
  .planets-2 > div:nth-of-type(28) {
    --x: 0.7946399203;
    --y: 0.6463645225;
    --x2: 0.1524907095;
    --y2: 0.2793144909;
    --delay: 0.7037447489;
  }
  .planets > div:nth-of-type(29),
  .planets-2 > div:nth-of-type(29) {
    --x: 0.8138755253;
    --y: 0.2672526418;
    --x2: 0.0970112145;
    --y2: -0.1874919474;
    --delay: 0.8114099537;
  }
  .planets > div:nth-of-type(30),
  .planets-2 > div:nth-of-type(30) {
    --x: 0.3301925689;
    --y: 0.1494467462;
    --x2: 0.3367825323;
    --y2: -0.3506564096;
    --delay: 0.6437462963;
  }
  .planets > div:nth-of-type(31),
  .planets-2 > div:nth-of-type(31) {
    --x: 0.2801294363;
    --y: 0.4938783431;
    --x2: -0.1001522096;
    --y2: 0.0708985972;
    --delay: 0.1053767123;
  }
  .planets > div:nth-of-type(32),
  .planets-2 > div:nth-of-type(32) {
    --x: 0.1111218329;
    --y: 0.0441266714;
    --x2: -0.3555727956;
    --y2: 0.2670889999;
    --delay: 0.8920699381;
  }
  .planets > div:nth-of-type(33),
  .planets-2 > div:nth-of-type(33) {
    --x: 0.6751385578;
    --y: 0.086025517;
    --x2: -0.0729721973;
    --y2: 0.1214642396;
    --delay: 0.5668197141;
  }
  .planets > div:nth-of-type(34),
  .planets-2 > div:nth-of-type(34) {
    --x: 0.7815101267;
    --y: 0.9418174504;
    --x2: 0.1634221752;
    --y2: -0.0748451706;
    --delay: 0.0119284122;
  }
  .planets > div:nth-of-type(35),
  .planets-2 > div:nth-of-type(35) {
    --x: 0.3250791162;
    --y: 0.4978343545;
    --x2: -0.2483951542;
    --y2: -0.2869588092;
    --delay: 0.0167567072;
  }
  .planets > div:nth-of-type(36),
  .planets-2 > div:nth-of-type(36) {
    --x: 0.4971292456;
    --y: 0.8544849645;
    --x2: 0.3696597197;
    --y2: 0.1071263102;
    --delay: 0.3140752416;
  }
  .planets > div:nth-of-type(37),
  .planets-2 > div:nth-of-type(37) {
    --x: 0.1808709062;
    --y: 0.5796774501;
    --x2: 0.2450670025;
    --y2: -0.481590607;
    --delay: 0.7002366824;
  }
  .planets > div:nth-of-type(38),
  .planets-2 > div:nth-of-type(38) {
    --x: 0.9281517778;
    --y: 0.0959482083;
    --x2: 0.4343462112;
    --y2: -0.2661813737;
    --delay: 0.3381484162;
  }
  .planets > div:nth-of-type(39),
  .planets-2 > div:nth-of-type(39) {
    --x: 0.8244092024;
    --y: 0.1945066395;
    --x2: -0.1152955886;
    --y2: -0.4755141335;
    --delay: 0.7517218163;
  }
  .planets > div:nth-of-type(40),
  .planets-2 > div:nth-of-type(40) {
    --x: 0.3871481813;
    --y: 0.3498241164;
    --x2: -0.411771277;
    --y2: 0.30232674;
    --delay: 0.4717535541;
  }
  .planets > div:nth-of-type(41),
  .planets-2 > div:nth-of-type(41) {
    --x: 0.1218922737;
    --y: 0.9102232755;
    --x2: 0.2785270445;
    --y2: -0.0295842485;
    --delay: 0.3832263785;
  }
  .planets > div:nth-of-type(42),
  .planets-2 > div:nth-of-type(42) {
    --x: 0.8063350309;
    --y: 0.437551158;
    --x2: 0.2249113358;
    --y2: 0.1393541592;
    --delay: 0.9143282101;
  }
  .planets > div:nth-of-type(43),
  .planets-2 > div:nth-of-type(43) {
    --x: 0.9677614145;
    --y: 0.3000357187;
    --x2: -0.3076190304;
    --y2: -0.3484116368;
    --delay: 0.461988733;
  }
  .planets > div:nth-of-type(44),
  .planets-2 > div:nth-of-type(44) {
    --x: 0.8292893587;
    --y: 0.2404404014;
    --x2: -0.2245412249;
    --y2: -0.3216015889;
    --delay: 0.2985180799;
  }
  .planets > div:nth-of-type(45),
  .planets-2 > div:nth-of-type(45) {
    --x: 0.5722225201;
    --y: 0.4725798249;
    --x2: 0.2117008403;
    --y2: -0.0248889069;
    --delay: 0.1203119538;
  }
  .planets > div:nth-of-type(46),
  .planets-2 > div:nth-of-type(46) {
    --x: 0.4315411766;
    --y: 0.3463425027;
    --x2: 0.0061384101;
    --y2: -0.3761014014;
    --delay: 0.3045204672;
  }
  .planets > div:nth-of-type(47),
  .planets-2 > div:nth-of-type(47) {
    --x: 0.7562559461;
    --y: 0.1778191707;
    --x2: 0.4699634408;
    --y2: 0.0223495143;
    --delay: 0.7233636104;
  }
  .planets > div:nth-of-type(48),
  .planets-2 > div:nth-of-type(48) {
    --x: 0.2697335368;
    --y: 0.4700111263;
    --x2: -0.1504042874;
    --y2: 0.1119622875;
    --delay: 0.1732269421;
  }
  .planets > div:nth-of-type(49),
  .planets-2 > div:nth-of-type(49) {
    --x: 0.2038157234;
    --y: 0.7879636443;
    --x2: 0.4828946618;
    --y2: -0.015594446;
    --delay: 0.6217582341;
  }
  .planets > div:nth-of-type(50),
  .planets-2 > div:nth-of-type(50) {
    --x: 0.1498912911;
    --y: 0.1721254716;
    --x2: 0.2273249256;
    --y2: -0.1037511885;
    --delay: 0.9901360433;
  }
  .planets > div:nth-of-type(51),
  .planets-2 > div:nth-of-type(51) {
    --x: 0.4820800773;
    --y: 0.8907601558;
    --x2: -0.2595653967;
    --y2: -0.4145258905;
    --delay: 0.1476019684;
  }
  .planets-2 > div {
    width: 0.5vmax;
    opacity: 0.6;
    filter: unset;
  }
}
@layer object {
  .object {
    position: absolute;
    display: grid;
    display: none;
    place-items: center;
    transform: rotateY(45deg) translateZ(6vmax);
    translate: 5vmax 5vmax;
  }
  .object .body {
    position: absolute;
    display: grid;
    place-items: center;
    --content: "🏄‍♂️";
    --content: "🐋";
    font-size: 6vmax;
    color: initial;
    z-index: 1111;
  }
  .object .body:before {
    content: var(--content);
    transform: scaleX(-1);
    filter: saturate(0) brightness(1.1) drop-shadow(0 0 1vmax rgba(0, 0, 0, 0.4));
    z-index: 1111;
  }
  .object .body:after {
    content: var(--content);
    transform: scaleX(-1) scaleY(-1) translateY(2.5vmax);
    filter: saturate(0) brightness(0);
    -webkit-mask: linear-gradient(to bottom, transparent 60%, black 80%);
            mask: linear-gradient(to bottom, transparent 60%, black 80%);
    z-index: 115;
  }
}
@layer human {
  .human {
    position: absolute;
    cursor: pointer;
    display: grid;
    place-items: center;
    width: 6vmax;
    height: 14vmax;
    translate: 0 17vh;
    z-index: 111;
  }
  .human:hover .arm.left {
    animation: arm-left-hover calc(var(--time) / 4) ease-in-out forwards;
    transition: rotate 2s;
  }
  @keyframes arm-left-hover {
    from {
      translate: -0.9vmax -3.4vmax;
      rotate: 359deg;
    }
    25% {
      translate: 1vmax -4vmax;
    }
    to {
      translate: -0.4vmax -5vmax;
      rotate: 201deg;
    }
  }
  .human:not(.shadow) {
    filter: invert(0.04) drop-shadow(0 0 1.5vmax rgba(250, 250, 250, 0.6));
  }
  .human > div {
    position: absolute;
  }
  .human .head {
    background: white;
    width: 1.5vmax;
    height: 1.6vmax;
    border-radius: 50%;
    translate: 0.2vmax -6.2vmax;
    rotate: 355deg;
  }
  .human .head:before {
    content: "";
    position: absolute;
    background: white;
    width: 0.27vmax;
    height: 0.7vmax;
    border-radius: 50%;
    translate: 1.19vmax 0.5vmin;
    rotate: 136deg;
    animation: head-nose calc(var(--time) / 4) ease-in-out infinite;
  }
  @keyframes head-nose {
    from {
      translate: 1.19vmax 0.5vmin;
    }
    50% {
      translate: 1.06vmax 0.5vmin;
    }
    to {
      translate: 1.19vmax 0.5vmin;
    }
  }
  .human .head:after {
    content: "";
    position: absolute;
    background: white;
    width: 1.1vmax;
    height: 0.9vmax;
    border-radius: 50%;
    translate: 0.45vmax 0.66vmax;
    rotate: 45deg;
    animation: head-chin calc(var(--time) / 4) ease-in-out infinite;
  }
  @keyframes head-chin {
    from {
      translate: 0.45vmax 0.66vmax;
    }
    50% {
      translate: 0.2vmax 0.66vmax;
    }
    to {
      translate: 0.45vmax 0.66vmax;
    }
  }
  .human .neck {
    background: white;
    width: 0.8vmax;
    height: 1.5vmax;
    border-radius: 50%;
    translate: 0.2vmax -5.4vmax;
  }
  .human .neck:before {
    content: "";
    position: absolute;
    width: 0.3vmax;
    height: 1.5vmax;
    background: white;
    border-radius: 50%;
    translate: 0.6vmax 0.4vmax;
    rotate: 352deg;
  }
  .human .body {
    z-index: 11;
  }
  .human .body > div {
    position: absolute;
  }
  .human .body .shoulder:before {
    content: "";
    position: absolute;
    width: 1.3vmax;
    height: 0.5vmax;
    background: white;
    border-radius: 50%;
    translate: -1.1vmax -5vmax;
    rotate: 330deg;
  }
  .human .body .shoulder:after {
    content: "";
    position: absolute;
    width: 1.3vmax;
    height: 0.5vmax;
    background: white;
    border-radius: 50%;
    translate: 0.4vmax -4.9vmax;
    rotate: 24deg;
  }
  .human .body .back {
    width: 1.3vmax;
    height: 4.1vmax;
    background: rgb(250, 250, 250);
    border-radius: 20%;
    translate: -0.2vmax -4.9vmax;
    rotate: 357deg;
  }
  .human .body .back:before {
    content: "";
    position: absolute;
    width: 2.9vmax;
    height: 1.5vmax;
    background: rgb(250, 250, 250);
    border-radius: 50%;
    translate: -1.4vmax 0.7vmax;
    rotate: 69deg;
    z-index: -1;
  }
  .human .body .back:after {
    content: "";
    position: absolute;
    width: 2.6vmax;
    height: 1vmax;
    background: rgb(250, 250, 250);
    border-radius: 50%;
    translate: 0.1vmax 1.1vmax;
    rotate: 96deg;
  }
  .human .body .hip .center {
    position: absolute;
    width: 1.6vmax;
    height: 1.8vmax;
    background: radial-gradient(white, #f5f5f5);
    border-radius: 39.6%;
    translate: -0.3vmax -3vmax;
    rotate: 267deg;
    display: grid;
  }
  .human .body .hip:before {
    content: "";
    position: absolute;
    width: 1.6vmax;
    height: 2.2vmax;
    background: radial-gradient(white, #e7e4e4);
    border-radius: 46.5%;
    translate: -0.6vmax -2.5vmax;
    rotate: 8deg;
  }
  .human .body .hip:after {
    content: "";
    position: absolute;
    width: 1.3vmax;
    height: 2.2vmax;
    background: radial-gradient(white, #f6f5f5);
    border-radius: 41.1%;
    translate: 0.3vmax -2.2vmax;
    rotate: 161deg;
  }
  .human .leg.right {
    width: 1.1vmax;
    height: 2.9vmax;
    background: white;
    border-radius: 50%;
    translate: 1.2vmax 0.4vmax;
    rotate: 348deg;
  }
  .human .leg.right:after {
    content: "";
    position: absolute;
    width: 0.7vmax;
    height: 2.9vmax;
    background: white;
    border-radius: 50%;
    translate: 0.5vmax 0.2vmax;
    rotate: 13deg;
  }
  .human .leg.right .knee {
    position: absolute;
    height: 1.7vmax;
    width: 0.75vmax;
    background: white;
    border-radius: 39.6%;
    translate: 0vmax 2.2vmax;
    rotate: 15deg;
  }
  .human .leg.right .lower {
    position: absolute;
    height: 3.2vmax;
    width: 0.8vmax;
    background: white;
    border-radius: 50%;
    translate: -0.3vmax 2.4vmax;
    rotate: 15deg;
  }
  .human .leg.right .lower:before {
    content: "";
    position: absolute;
    width: 0.5vmax;
    height: 1.5vmax;
    background: white;
    border-radius: 67.8%;
    translate: 0.5vmax 2.6vmax;
    rotate: 66deg;
  }
  .human .leg.right .lower:after {
    content: "";
    position: absolute;
    width: 0.5vmax;
    height: 1.5vmax;
    background: white;
    border-radius: 27.8%;
    translate: 0.1vmax 2.3vmax;
    rotate: 0deg;
  }
  .human .leg.left {
    width: 1.1vmax;
    height: 2.9vmax;
    background: #f4efef;
    border-radius: 50%;
    translate: -0.3vmax 0.4vmax;
    rotate: 2deg;
    filter: invert(0.04);
    z-index: -1;
  }
  .human .leg.left:after {
    content: "";
    position: absolute;
    width: 0.7vmax;
    height: 2.9vmax;
    background: #f4efef;
    border-radius: 50%;
    translate: 0.5vmax 0.2vmax;
    rotate: 13deg;
  }
  .human .leg.left .knee {
    position: absolute;
    height: 1.7vmax;
    width: 0.75vmax;
    background: #e7e4e4;
    border-radius: 39.6%;
    translate: 0vmax 2.2vmax;
    rotate: 5deg;
  }
  .human .leg.left .lower {
    position: absolute;
    height: 3.2vmax;
    width: 0.8vmax;
    background: #eae6e6;
    border-radius: 50%;
    translate: -0.1vmax 1.9vmax;
    rotate: 5deg;
  }
  .human .leg.left .lower:before {
    content: "";
    position: absolute;
    width: 0.5vmax;
    height: 1.5vmax;
    background: #e7e4e4;
    border-radius: 67.8%;
    translate: 0.5vmax 2.6vmax;
    rotate: 47deg;
  }
  .human .leg.left .lower:after {
    content: "";
    position: absolute;
    width: 0.5vmax;
    height: 1.55vmax;
    background: #e7e4e4;
    border-radius: 27.8%;
    translate: 0.1vmax 2.3vmax;
    rotate: 0deg;
  }
  .human .arm.right {
    position: absolute;
    width: 0.7vmax;
    height: 2.9vmax;
    background: white;
    border-radius: 27.8%;
    translate: 1.6vmax -3.1vmax;
    rotate: 346deg;
    animation: arm-right calc(var(--time) / 4) ease-in-out infinite;
  }
  @keyframes arm-right {
    from {
      rotate: 346deg;
    }
    50% {
      rotate: 350deg;
    }
    to {
      rotate: 346deg;
    }
  }
  .human .arm.right:before {
    content: "";
    position: absolute;
    width: 0.3vmax;
    height: 2.45vmax;
    background: white;
    border-radius: 27.8%;
    translate: 0.3vmax 2.1vmax;
    rotate: 6deg;
  }
  .human .arm.right:after {
    content: "";
    position: absolute;
    width: 0.4vmax;
    height: 2.15vmax;
    background: white;
    border-radius: 27.8%;
    translate: 0.1vmax 2.1vmax;
    rotate: 351deg;
  }
  .human .arm.right .hand {
    position: absolute;
    width: 0.3vmax;
    height: 0.85vmax;
    background: white;
    border-radius: 27.8%;
    translate: 0.3vmax 3.7vmax;
    rotate: 353deg;
  }
  .human .arm.right .hand:after {
    content: "";
    position: absolute;
    width: 0.5vmax;
    height: 0.55vmax;
    background: white;
    border-radius: 39.2%;
    translate: -0.2vmax 0.6vmax;
    rotate: 65deg;
  }
  .human .arm.left {
    width: 0.7vmax;
    height: 2.5vmax;
    background: white;
    border-radius: 59.8%;
    translate: -0.9vmax -3.4vmax;
    rotate: 359deg;
    filter: invert(0.1);
    z-index: -2;
    animation: arm-left-normal calc(var(--time) / 4) ease-in-out infinite;
    transition: translate 2s ease-in-out, rotate 2s ease-in-out;
  }
  @keyframes arm-left-normal {
    from {
      rotate: 359deg;
    }
    50% {
      rotate: 364deg;
    }
    to {
      rotate: 359deg;
    }
  }
  .human .arm.left:before {
    content: "";
    position: absolute;
    width: 0.3vmax;
    height: 2.45vmax;
    background: white;
    border-radius: 27.8%;
    translate: 0.3vmax 1.8vmax;
    rotate: 6deg;
  }
  .human .arm.left:after {
    content: "";
    position: absolute;
    width: 0.4vmax;
    height: 2.15vmax;
    background: white;
    border-radius: 27.8%;
    translate: 0.2vmax 2.1vmax;
    rotate: 351deg;
  }
  .human .arm.left .hand {
    position: absolute;
    width: 0.3vmax;
    height: 0.85vmax;
    background: white;
    border-radius: 27.8%;
    translate: 0.3vmax 3.7vmax;
    rotate: 353deg;
  }
  .human .arm.left .hand:after {
    content: "";
    position: absolute;
    width: 0.5vmax;
    height: 0.55vmax;
    background: white;
    border-radius: 39.2%;
    translate: -0.1vmax 0.2vmax;
    rotate: 65deg;
  }
  .human.shadow {
    transform: scaleY(-1) translateY(-9vmax);
    filter: invert(0.2);
    opacity: 0.5;
    z-index: 0;
    -webkit-mask: linear-gradient(to top, black 25%, transparent 35%);
            mask: linear-gradient(to top, black 25%, transparent 35%);
  }
  .human.shadow .leg.left .lower:before {
    rotate: 102deg;
  }
  .human.shadow .leg.right .lower:before {
    rotate: 102deg;
  }
}
.highlight {
  position: absolute;
  height: 100vh;
  width: 100vw;
  background: radial-gradient(50vmin 70vmin at 70% 70%, rgba(255, 255, 255, 0.12), transparent), radial-gradient(40vmin 30vmin at 70% 70%, rgba(255, 255, 255, 0.12), transparent), radial-gradient(40vmin 60vmin at 10% 70%, rgba(255, 255, 255, 0.14), transparent), radial-gradient(80vmin 100vh at 30% 70%, rgba(255, 255, 255, 0.1), transparent);
  filter: blur(5vmin);
  pointer-events: none;
}

.color-filter {
  position: absolute;
  height: 100vh;
  width: 100vw;
  background: conic-gradient(at 50% 60%, rgba(50, 56, 92, 0.27), rgba(152, 75, 132, 0.07), rgba(150, 75, 152, 0.04), rgba(50, 56, 92, 0.27));
  mix-blend-mode: color;
  pointer-events: none;
}

.audio-icon-button {
  border: 0.0625rem white solid;
  padding: 0.5rem;
  width: 2.265rem;
  height: 2.265rem;
  border-radius: 50%;
  background: transparent;
  position: fixed;
  right: 2rem;
  top: 2rem;
  z-index: 4200;
  aspect-ratio: 1;
  display: flex;
  gap: 0.125rem;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
@media (hover) {
  .audio-icon-button {
    cursor: pointer;
  }
  .audio-icon-button:hover {
    opacity: 1;
  }
}
.audio-icon-button .bar {
  background: white;
  height: 1.5rem;
  width: 0.0825rem;
}
.audio-icon-button .bar:nth-of-type(1), .audio-icon-button .bar:nth-of-type(5) {
  height: 0.5rem;
}
.audio-icon-button .bar:nth-of-type(2), .audio-icon-button .bar:nth-of-type(4) {
  height: 1rem;
}

@layer global {
  body {
    width: 100vw;
    height: 100vh;
    display: grid;
    place-items: center;
    background-color: var(--color-surface);
    color: var(--color-primary);
    position: absolute;
    inset: 0;
    perspective: 80vmax;
    margin: 0;
    overflow: hidden;
  }
  body:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 111;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.1);
    -webkit-mask: linear-gradient(black 10%, transparent 30%, transparent 70%, black 80%);
            mask: linear-gradient(black 10%, transparent 30%, transparent 70%, black 80%);
  }
  * {
    box-sizing: border-box;
  }
}
a.labs-follow-me {
  left: 2rem;
  right: 2rem;
  bottom: 1rem;
  top: unset;
  text-align: center;
}

.slider {
  margin-top: auto;
  margin: auto auto 0 auto;
  width: 100% !important;
  height: 100% !important;
  position: relative;
  perspective: 1000px;
  max-height: 100%;
  max-width: 100%;
  will-change: transform;
  z-index: 5;
}
.slider:not(.zoom) .item {
  transition: all 900ms ease-in-out, opacity 400ms linear 0ms;
  opacity: 0;
}
.slider:not(.zoom) .item.active {
  width: 100% !important;
  height: 100% !important;
  line-height: 100%;
  position: relative;
  display: flex;
  opacity: 1;
  pointer-events: all;
}
.slider:not(.zoom) .item.active span {
  top: 0;
  transform: scale(1);
}
.slider:not(.zoom) .item.active .btn {
  transform: scale(1);
  height: 44px;
}
.slider:not(.zoom) .item.active .btn span {
  top: 16px;
}
.slider:not(.zoom) .item.item1 {
  transform: rotateY(0deg) translateZ(0);
}
.slider:not(.zoom) .item.item2 {
  transform: rotateY(120deg) translateZ(0);
}
.slider:not(.zoom) .item.item3 {
  transform: rotateY(240deg) translateZ(0);
}
.slider.zoom .item {
  transition: all 900ms ease-in-out, opacity 300ms linear 500ms;
  opacity: 0.5;
}

.btn-block-down {
  margin-top: auto;
}

.wrapper-slider {
  height: 100%;
  width: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 900ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: transform;
}

.btn-neon {
  padding: 15px 25px;
  font-size: 18px;
  margin: 20px;
  text-transform: uppercase;
  background: transparent;
  outline: none;
  cursor: pointer;
  border: 2px solid transparent;
  transition: 300ms;
  color: white;
  border: 2px #bbb8b8 solid;
}
.btn-neon:hover {
  border: 2px solid;
  box-shadow: 0 0 5px;
}

.btn {
  background: #fff;
  color: #120d0b;
  padding: 0 33px;
  text-decoration: none;
  display: inline-block;
  transform: scale(0.7);
  height: 0;
  position: relative;
  overflow: hidden;
  transition: all 900ms ease-in-out;
  will-change: transform;
}
.btn span {
  position: relative;
  top: 16px;
  will-change: transform;
}

.wrapper-slider > div::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.item__info {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  will-change: transform;
  z-index: 5;
}

.item__dev {
  font-size: 30px;
  letter-spacing: 3px;
  margin-bottom: 35px;
  overflow: hidden;
  line-height: 30px;
  will-change: transform;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.item__dev span {
  position: relative;
  top: 27px;
  transition: all 900ms linear;
  display: inline-block;
  transform: scale(0);
  white-space: nowrap;
  will-change: transform;
}

.btn-group {
  display: grid;
  margin-top: 5rem;
  grid-template-columns: repeat(2, 1fr);
}

.item__dev.show {
  display: grid;
  flex-wrap: wrap;
  height: -moz-max-content;
  height: max-content;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(74px, 1fr));
  margin-bottom: 0;
}

.item__dev.show span {
  transform: scale(1) translateX(-50%) !important;
  height: 76px;
  width: 76px;
  top: 0;
  left: 50%;
  color: white;
}

.item__name {
  font-size: 55px;
  letter-spacing: 3px;
  margin-bottom: 62px;
  overflow: hidden;
  line-height: 55px;
  will-change: transform;
  display: block;
}

.item__name span {
  position: relative;
  top: 48px;
  transition: all 900ms ease-in-out;
  display: inline-block;
  transform: scale(0.7);
  white-space: nowrap;
  will-change: transform;
}

.icon-dev {
  height: 76px;
  width: 76px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-color: rgba(54, 27, 98, 0.3803921569);
  border: 1px #ffffff solid;
  border-radius: 12px;
}

.icon-dev i {
  font-size: 64px;
}

.item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 39%;
  height: 50%;
  line-height: 50%;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center;
  transition: all 900ms ease-in-out;
  transform-origin: center;
  pointer-events: none;
  will-change: transform;
}
.item.item1 {
  transform: rotateY(0deg) translateZ(500px);
  background-position: 50% 0%;
}
.item.item1.active {
  transform: rotateY(0deg) translateZ(250px);
  opacity: 1;
}
.item.item2 {
  transform: rotateY(120deg) translateZ(500px);
}
.item.item2.active {
  transform: rotateY(120deg) translateZ(250px);
  opacity: 1;
}
.item.item3 {
  transform: rotateY(240deg) translateZ(550px);
}
.item.item3.active {
  transform: rotateY(240deg) translateZ(250px);
  opacity: 1;
}
.item__info {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  will-change: transform;
}
.item__dev {
  font-size: 30px;
  letter-spacing: 3px;
  margin-bottom: 35px;
  overflow: hidden;
  line-height: 30px;
  will-change: transform;
}
.item__dev span {
  position: relative;
  top: 27px;
  transition: all 900ms linear;
  display: inline-block;
  transform: scale(0);
  white-space: nowrap;
  will-change: transform;
}
.item__name {
  font-size: 55px;
  letter-spacing: 3px;
  margin-bottom: 62px;
  overflow: hidden;
  line-height: 55px;
  will-change: transform;
}
.item__name span {
  position: relative;
  top: 48px;
  transition: all 900ms ease-in-out;
  display: inline-block;
  transform: scale(0.7);
  white-space: nowrap;
  will-change: transform;
}

.arrow {
  background: rgba(142, 32, 56, 0);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  transition: all 0.1s ease-in-out;
  transform-origin: 50% 50%;
  will-change: transform;
  border: 1px #f0f0f0 solid;
}
.arrow:hover {
  transform: translateY(-50%) scale(1.1);
}
.arrow.arrow-next {
  right: 5em;
  background: url("https://alikinvv.github.io/3d-carousel/build/img/arrow-right.svg") no-repeat center rgba(24, 23, 23, 0.5607843137);
  background-size: 38px !important;
}
.arrow.arrow-prev {
  left: 5em;
  background: url("https://alikinvv.github.io/3d-carousel/build/img/arrow-left.svg") no-repeat center rgba(24, 23, 23, 0.5607843137);
  background-size: 38px !important;
}

@media (min-width: 1400px) {
  .slider {
    max-height: 500px;
    max-width: 900px;
  }
  .arrow-next {
    right: -110px !important;
  }
  .arrow-prev {
    left: -110px !important;
  }
}
.moon {
  display: block;
  cursor: pointer;
  width: 60rem;
  height: 60rem;
  margin-top: 9vmax;
  border-radius: 50%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%), url("../img/2k_moon.jpg");
  background-repeat: repeat-x;
  background-size: 110% 100%;
  opacity: 1;
  position: relative;
  overflow: hidden;
  box-shadow: inset -10px 8px 6px -5px #ffffff, inset 20px -20px 40px 30px rgba(0, 0, 0, 0.9), 7px -6px 14px rgba(255, 255, 255, 0.32);
  animation: moonRotation 15s linear infinite forwards !important;
}
.moon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
  opacity: 0;
  transition: opacity 0.5s ease;
}
.moon::before {
  content: "UP PAGE";
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: 1.5vmax;
  font-weight: bold;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  opacity: var(--text-opacity);
  transition: opacity 0.5s ease;
  z-index: 1;
}
.moon:hover::after {
  opacity: 0.75;
}

@media (max-aspect-ratio: 1/1) {
  .stars {
    width: 100vw;
    height: 100vh;
  }
  .stars::before {
    animation: none !important;
  }
  .stars-highlights::before {
    animation: none !important;
  }
  .moon {
    width: 100vw !important;
    height: 100vw !important;
  }
  h2.title-site {
    font-size: 20px !important;
  }
  h3.title-site {
    font-size: 16px !important;
  }
  .watch-text {
    font-size: 16px !important;
  }
}
@keyframes moonRotation {
  0% {
    background-position: 0% 0%;
    border: 0px solid rgba(0, 0, 0, 0);
  }
  50% {
    background-position: 150% 0%;
    border: 0px solid rgba(0, 0, 0, 0);
  }
  100% {
    background-position: 300% 0%;
    border: 0px solid rgba(0, 0, 0, 0);
  }
}
.planets-second div {
  display: inline-block;
  position: absolute;
  z-index: 5;
  /*box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);*/
}

.ring {
  transform: rotate(0);
  box-shadow: none;
}

.zero {
  width: 76px;
  height: 76px;
  top: 50%;
  bottom: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.one {
  top: 125px;
  right: -75px;
}

.two {
  top: 25px;
  right: -148px;
  transform-origin: 26px 26px;
}

.three {
  top: -110px;
  right: -93px;
  transform-origin: 15px 15px;
}

.four {
  top: -60px;
  left: -150px;
}

.five {
  top: 110px;
  left: -110px;
  transform-origin: 5px 5px;
}

.six {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #7dfffd;
  top: -50px;
  left: -50px;
  transform-origin: 10px 10px;
}

.seven {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background: #fff;
  top: -30px;
  left: -30px;
  transform-origin: 15px 15px;
}

.slow > .ring {
  width: 117px;
  height: 117px;
  border-radius: 80px;
  top: -42px;
  left: -42px;
}

.fast > .ring {
  width: 152px;
  height: 152px;
  border-radius: 80px;
  top: -62px;
  left: -62px;
}

.space-system {
  color: white;
  position: relative;
  width: 540px;
  margin: 40px auto;
  text-align: center;
  height: 600px;
  margin-bottom: auto;
  margin-top: auto;
}

.sun-second {
  width: 76px;
  height: 76px;
  border-radius: 16px;
  top: 170px;
  left: 240px;
  display: inline-block;
  position: absolute;
  box-shadow: 0 0 120px #f5f0c8, 0 0 60px #e3e3e2, 0 0 10px #c98d4c, 0 0 200px #e5e5cb;
}

.one {
  animation: spin 40s infinite linear;
}

.two {
  animation: spin 50s infinite linear;
}

.three {
  animation: spin 70s infinite linear;
}

.four {
  animation: spin 50s infinite linear;
}

.five {
  animation: spin 40s infinite linear;
}

.slow {
  animation: spin 10s infinite linear;
}

.fast {
  animation: spin 20s infinite linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}/*# sourceMappingURL=style.css.map */