html{position:relative;height:100%;width:100%;overflow:hidden}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-image:url(../images/stars.png),url(../images/Galaxy4.png);background-position:left top,right 300px bottom 20px;background-repeat:repeat,no-repeat;background-size:cover,400px 300px}.galaxy{position:absolute;background-image:url(../images/Galaxy1.png);background-size:cover;top:140px;left:200px;width:300px;height:300px;-webkit-animation:galaxyRotate 200s linear infinite;animation:galaxyRotate 200s linear infinite}@-webkit-keyframes galaxyRotate{to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes galaxyRotate{to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}:root{--hol-col:95,230,228;--icon-size:350px;--text-fz:36px;--text-lh:1.6}.header{padding-bottom:150px}.title{margin:0;--color1:#86e5ef;--color2:var(--blue-bright);text-align:center;font-size:var(--title-fz);color:var(--color1);text-shadow:0 0 60px var(--color2),0 0 150px var(--color2),0 0 10px var(--color1);-webkit-transition:text-shadow linear .1s .06s,color linear .1s .06s;-o-transition:text-shadow linear .1s .06s,color linear .1s .06s;transition:text-shadow linear .1s .06s,color linear .1s .06s;will-change:text-shadow}.header-download .title{--color1:var(--logo-col);--color2:var(--logo-shadow)}.item,.list{margin:0;padding:0;list-style:none}.list{position:relative;padding-bottom:200px;margin:0 auto;height:var(--icon-size);width:var(--icon-size)}.item{position:absolute;z-index:-1;margin:0 auto;top:0;left:0;width:var(--icon-size);height:var(--icon-size);-webkit-transform:translateX(1000px) scale(.1);-ms-transform:translateX(1000px) scale(.1);transform:translateX(1000px) scale(.1);-webkit-transition:opacity ease .4s,-webkit-transform ease .6s;transition:opacity ease .4s,-webkit-transform ease .6s;-o-transition:transform ease .6s,opacity ease .4s;transition:transform ease .6s,opacity ease .4s;transition:transform ease .6s,opacity ease .4s,-webkit-transform ease .6s}.item-active{opacity:1;z-index:1;-webkit-transform:none;-ms-transform:none;transform:none}.item-disactive{position:absolute;opacity:0;-webkit-transform:translateX(-1000px) scale(.1);-ms-transform:translateX(-1000px) scale(.1);transform:translateX(-1000px) scale(.1)}.nav{position:absolute;z-index:2;left:100px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.nav__item,.nav__list{list-style:none;margin:0;padding:0}.nav__click{--color1:#86e5ef;--color2:var(--blue-bright);font-size:var(--text-fz);line-height:var(--text-lh);text-decoration:none;color:var(--color1);text-shadow:0 0 10px var(--color2),0 0 30px var(--color2),0 0 100px var(--color2),0 0 100px var(--color2),0 0 5px var(--color1);-webkit-transform:translateZ(0);transform:translateZ(0)}.nav__click-active{--color1:var(--logo-col);--color2:var(--logo-shadow)}.header-download{--hol-col:254,209,40}.holograph{position:absolute;bottom:-10px;left:50%;width:440px;height:10px;-webkit-filter:blur(3px);filter:blur(3px);-webkit-box-shadow:0 -4px 6px rgba(var(--hol-col),.5),0 -25px 25px rgba(var(--hol-col),.75),0 -45px 35px rgba(var(--hol-col),.95),0 -75px 50px rgba(var(--hol-col),1);box-shadow:0 -4px 6px rgba(var(--hol-col),.5),0 -25px 25px rgba(var(--hol-col),.75),0 -45px 35px rgba(var(--hol-col),.95),0 -75px 50px rgba(var(--hol-col),1);-webkit-transform:translateX(-50%) perspective(100px) translateZ(0) rotateX(-26deg);transform:translateX(-50%) perspective(100px) translateZ(0) rotateX(-26deg);-webkit-transition:-webkit-box-shadow ease-in-out .1s;transition:-webkit-box-shadow ease-in-out .1s;-o-transition:box-shadow ease-in-out .1s;transition:box-shadow ease-in-out .1s;transition:box-shadow ease-in-out .1s,-webkit-box-shadow ease-in-out .1s;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:box-shadow}.holograph::after{content:"";position:absolute;left:0;right:0;height:10px;border-radius:100%;background-color:transparent;-webkit-transform:perspective(100px) translateZ(0);transform:perspective(100px) translateZ(0);-webkit-animation:holographic 2s infinite ease-out;animation:holographic 2s infinite ease-out;-webkit-transition:-webkit-box-shadow ease .1s;transition:-webkit-box-shadow ease .1s;-o-transition:box-shadow ease .1s;transition:box-shadow ease .1s;transition:box-shadow ease .1s,-webkit-box-shadow ease .1s;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:box-shadow}.weakPerf .holograph::after{display:none}@-webkit-keyframes float{0%,100%{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(10px) translateZ(0);transform:translateY(10px) translateZ(0)}}@keyframes float{0%,100%{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(10px) translateZ(0);transform:translateY(10px) translateZ(0)}}@-webkit-keyframes holographic{0%{-webkit-box-shadow:0 -1px 2px rgba(var(--hol-col),.2),0 -1px 2px rgba(var(--hol-col),.2);box-shadow:0 -1px 2px rgba(var(--hol-col),.2),0 -1px 2px rgba(var(--hol-col),.2)}5%{-webkit-box-shadow:0 0 30px rgba(var(--hol-col),.3),0 0 30px rgba(var(--hol-col),.3);box-shadow:0 0 30px rgba(var(--hol-col),.3),0 0 30px rgba(var(--hol-col),.3)}100%{-webkit-box-shadow:0 -100px 5px rgba(var(--hol-col),0),0 -60px 5px rgba(var(--hol-col),0);box-shadow:0 -100px 5px rgba(var(--hol-col),0),0 -60px 5px rgba(var(--hol-col),0)}}@keyframes holographic{0%{-webkit-box-shadow:0 -1px 2px rgba(var(--hol-col),.2),0 -1px 2px rgba(var(--hol-col),.2);box-shadow:0 -1px 2px rgba(var(--hol-col),.2),0 -1px 2px rgba(var(--hol-col),.2)}5%{-webkit-box-shadow:0 0 30px rgba(var(--hol-col),.3),0 0 30px rgba(var(--hol-col),.3);box-shadow:0 0 30px rgba(var(--hol-col),.3),0 0 30px rgba(var(--hol-col),.3)}100%{-webkit-box-shadow:0 -100px 5px rgba(var(--hol-col),0),0 -60px 5px rgba(var(--hol-col),0);box-shadow:0 -100px 5px rgba(var(--hol-col),0),0 -60px 5px rgba(var(--hol-col),0)}}.planet{position:absolute;display:block;width:100%;height:100%;top:0;left:0;-webkit-animation:float 2.5s infinite;animation:float 2.5s infinite;-webkit-perspective:900px;perspective:900px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.weakPerf .planet{-webkit-animation:none;animation:none}.list__image{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-filter:drop-shadow(0 0 20px rgb(var(--hol-col)));filter:drop-shadow(0 0 20px rgb(var(--hol-col)))}.placeholder{height:100%;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.placeholder__text{--color1:#86e5ef;--color2:var(--blue-bright);font-size:30px;color:var(--color1);text-shadow:0 0 10px var(--color2),0 0 30px var(--color2),0 0 100px var(--color2),0 0 100px var(--color2),0 0 5px var(--color1);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:color ease .2s;-o-transition:color ease .2s;transition:color ease .2s}@media (hover:hover){.planet:hover .placeholder__text{--color1:var(--logo-col);--color2:var(--logo-shadow)}}.ring_spin{position:relative;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(70deg) rotateY(-10deg);transform:rotateX(70deg) rotateY(-10deg);-webkit-animation:spin 60s linear infinite;animation:spin 60s linear infinite}.weakPerf .ring_spin{-webkit-animation:none;animation:none}@-webkit-keyframes spin{100%{-webkit-transform:rotateX(70deg) rotateY(-10deg) rotateZ(-360deg);transform:rotateX(70deg) rotateY(-10deg) rotateZ(-360deg)}}@keyframes spin{100%{-webkit-transform:rotateX(70deg) rotateY(-10deg) rotateZ(-360deg);transform:rotateX(70deg) rotateY(-10deg) rotateZ(-360deg)}}.ring_wrap{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);-webkit-transition:opacity ease-in-out .1s .05s;-o-transition:opacity ease-in-out .1s .05s;transition:opacity ease-in-out .1s .05s}.ring_wrap-hover{opacity:0;z-index:-1}.ring_wrap-hover .ring{border-color:var(--logo-col)}.ring_wrap-hover .ring:nth-child(2n+1){-webkit-box-shadow:inset 0 0 40px var(--logo-col),0 0 40px var(--logo-col);box-shadow:inset 0 0 40px var(--logo-col),0 0 40px var(--logo-col)}.ring{position:absolute;top:0;left:0;bottom:0;right:0;border:3px dotted rgb(var(--hol-col));border-radius:50%}.ring:nth-child(2n+1){-webkit-box-shadow:inset 0 0 20px rgb(var(--hol-col)),0 0 20px rgb(var(--hol-col));box-shadow:inset 0 0 20px rgb(var(--hol-col)),0 0 20px rgb(var(--hol-col))}.weakPerf .list .ring{-webkit-box-shadow:none;box-shadow:none}@media (hover:hover){.planet:hover .ring_wrap{opacity:0;z-index:-1}.planet:hover .ring_wrap-hover{opacity:1;z-index:1}}.ring:nth-child(1){-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.ring:nth-child(2){-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);border-style:solid}.ring:nth-child(3){-webkit-transform:none;-ms-transform:none;transform:none;border-style:dashed}.ring:nth-child(4){-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.ring:nth-child(5){-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);border-style:dashed}.ring:nth-child(6){-webkit-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85);border-style:solid}.ring:nth-child(7){-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.ring_spin-type2{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(80deg) rotateY(20deg);transform:rotateX(80deg) rotateY(20deg);-webkit-animation:spin2 40s linear infinite;animation:spin2 40s linear infinite}@-webkit-keyframes spin2{100%{-webkit-transform:rotateX(80deg) rotateY(20deg) rotateZ(-360deg);transform:rotateX(80deg) rotateY(20deg) rotateZ(-360deg)}}@keyframes spin2{100%{-webkit-transform:rotateX(80deg) rotateY(20deg) rotateZ(-360deg);transform:rotateX(80deg) rotateY(20deg) rotateZ(-360deg)}}.ring_spin-type2 .ring:nth-child(1){-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}.ring_spin-type2 .ring:nth-child(2){-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75);border-style:dashed}.ring_spin-type2 .ring:nth-child(3){-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);border-style:dotted}.ring_spin-type3{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(70deg) rotateY(-30deg);transform:rotateX(70deg) rotateY(-30deg);-webkit-animation:spin4 60s linear infinite;animation:spin4 60s linear infinite}@-webkit-keyframes spin4{100%{-webkit-transform:rotateX(70deg) rotateY(-30deg) rotateZ(-360deg);transform:rotateX(70deg) rotateY(-30deg) rotateZ(-360deg)}}@keyframes spin4{100%{-webkit-transform:rotateX(70deg) rotateY(-30deg) rotateZ(-360deg);transform:rotateX(70deg) rotateY(-30deg) rotateZ(-360deg)}}.ring_spin-type3 .ring:nth-child(4){display:none}.ring_spin-type3 .ring:nth-child(5){--scale:scale(.6);-webkit-transform:var(--scale);-ms-transform:var(--scale);transform:var(--scale);-webkit-animation:spin3 30s linear infinite;animation:spin3 30s linear infinite}.ring_spin-type3 .ring:nth-child(6){--scale:scale(.65);-webkit-transform:var(--scale);-ms-transform:var(--scale);transform:var(--scale);border-style:dashed;-webkit-animation:spin3 30s linear infinite;animation:spin3 30s linear infinite}.ring_spin-type3 .ring:nth-child(7){--scale:scale(.7);-webkit-transform:var(--scale);-ms-transform:var(--scale);transform:var(--scale);-webkit-animation:spin3 30s linear infinite;animation:spin3 30s linear infinite}@-webkit-keyframes spin3{100%{-webkit-transform:var(--scale) rotateZ(-360deg);transform:var(--scale) rotateZ(-360deg)}}@keyframes spin3{100%{-webkit-transform:var(--scale) rotateZ(-360deg);transform:var(--scale) rotateZ(-360deg)}}.weakPerf .ring_spin-type3 .ring{-webkit-animation:none;animation:none}.exit__outer{--color1:#86e5ef;--color2:var(--blue-bright);position:absolute;display:block;top:20px;right:20px;width:160px;height:110px;-webkit-filter:drop-shadow(0 0 10px var(--color2));filter:drop-shadow(0 0 10px var(--color2))}@media (hover:hover){.exit__outer:hover{--color1:var(--logo-col);--color2:var(--logo-shadow)}}.exit{height:100%;-webkit-clip-path:polygon(0 20%,60% 20%,60% 0,100% 50%,60% 100%,60% 80%,0 80%);clip-path:polygon(0 20%,60% 20%,60% 0,100% 50%,60% 100%,60% 80%,0 80%);background-color:var(--color1)}.exit__wrap{position:absolute;top:4px;left:4px;width:calc(100% - 4px);height:calc(100% - 8px);-webkit-clip-path:polygon(0 20%,60% 20%,60% 0,100% 50%,60% 100%,60% 80%,0 80%);clip-path:polygon(0 20%,60% 20%,60% 0,100% 50%,60% 100%,60% 80%,0 80%);background-color:var(--bg-color);-webkit-box-shadow:inset 0 0 20px var(--color2),inset 0 0 5px var(--color2);box-shadow:inset 0 0 20px var(--color2),inset 0 0 5px var(--color2)}.exit__text{position:absolute;top:50%;left:10px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-transform:uppercase;font-family:Godsownjunkyard;font-size:52px;color:var(--color1);text-shadow:0 0 40px var(--color2),0 0 5px var(--color1)}@media screen and (min-width:1920px){body{position:relative;width:100%;max-width:1920px;padding:0;margin:0 auto}}@media screen and (max-height:869px) and (min-width:1024px){:root{--title-fz:50px;--text-fz:28px;--text-lh:1.7;--icon-size:300px}.exit__outer{width:120px;height:90px}.exit__text{font-size:40px}.list{padding-bottom:100px}.header{padding-bottom:100px}}@media screen and (max-height:670px) and (min-width:1024px){:root{--title-fz:40px;--text-fz:24px;--text-lh:1.7;--icon-size:200px}body{background-position:left top,right 200px bottom 100px;background-size:cover,200px 150px}.galaxy{width:250px;height:250px}.holograph{width:calc(50px + var(--icon-size))}.exit__outer{width:100px;height:70px;top:10px;right:10px}.exit__text{font-size:30px}}@media screen and (max-width:1024px){:root{--title-fz:44px;--text-fz:28px;--text-lh:1.9;--icon-size:250px}body{background-position:left top,right 5% bottom 10px;background-size:cover,300px 220px}.galaxy{top:80px;left:50px;width:200px;height:200px}.nav{position:relative;padding:30px 0;left:auto;top:auto;text-align:center}.exit__outer{width:100px;height:70px;top:10px;right:10px}.exit__text{font-size:30px}.ring_wrap{-webkit-transform:scale(2.2);-ms-transform:scale(2.2);transform:scale(2.2)}}@media screen and (max-width:767px){:root{--title-fz:30px;--text-fz:20px;--text-lh:2;--icon-size:120px}body{background-position:left top,right 10px bottom 100px;background-size:cover,100px 80px}section{z-index:2}.galaxy{top:30px;left:10px;width:150px;height:150px}.planet{-webkit-perspective:400px;perspective:400px}.nav{padding:0 0 30px;-webkit-transform:none;-ms-transform:none;transform:none}.holograph{width:calc(50px + var(--icon-size))}.header{padding-bottom:30px}.list{padding-bottom:0}.placeholder__text{font-size:20px}.ring_spin-type3 .ring:nth-child(5){-webkit-animation:none;animation:none}.ring_spin-type3 .ring:nth-child(6){-webkit-animation:none;animation:none}.ring_spin-type3 .ring:nth-child(7){-webkit-animation:none;animation:none}}@media screen and (max-height:500px) and (max-width:1024px){body,html{height:500px;overflow:auto}}