.svg-mesh{background:url(/build/assets/mesh-MPw5pLEa.svg);background-repeat:repeat;background-size:cover;animation:slide-left 20s linear infinite}@keyframes slide-left{0%{background-position:0 0}to{background-position:-1000px 0px}}.cursor{font-weight:100;font-size:3.8rem;color:#000;animation:blink .7s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media screen and (max-width: 767px){.cursor{font-size:2rem}}@property --angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --z{syntax: "<integer>"; inherits: true; initial-value: 0;}.earth-container{position:relative;display:flex;justify-content:center;align-items:center}.earth{animation:float 4s ease-in-out infinite;width:250px;max-width:100%;border-radius:100%;background:radial-gradient(circle at 50% 50%,#b0e0e6,#4682b4 80%,#1e3c72);box-shadow:0 15px 30px #0003,0 -10px 15px #ffffff4d inset}@media screen and (min-width: 768px){.earth{width:450px}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.satellite{position:absolute;width:25px;height:25px;border-radius:50%;--x-amplitude: 135px;--y-amplitude: 40px;--x: calc(cos(var(--angle)) * var(--x-amplitude));--y: calc(sin(var(--angle)) * var(--y-amplitude));transform:rotate(var(--rotation)) translate(var(--x),var(--y)) rotate(calc(var(--rotation) * -1));z-index:calc(var(--z));animation:revolve 7s linear infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}@media screen and (min-width: 768px){.satellite{width:40px;height:40px;--x-amplitude: 260px;--y-amplitude: 90px}}@keyframes revolve{0%{--angle: 0deg;--z: -1}to{--angle: 360deg;--z: 0}}@keyframes rotate-on-axis{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.moon{--rotation: -135deg;animation-delay:-220s;filter:drop-shadow(0 6px 10px rgba(0,0,0,.2))}#app-img-1{z-index:5;transform:translate(-50%) translateY(0);transition:transform 1s ease-out,opacity 1s ease-out}#app-img-2{position:absolute;top:0;z-index:10;transform:translate(50%) translateY(0);transition:transform 1s ease-out,opacity 1s ease-out}.app-img-visible{opacity:1;transform:translate(0) translateY(0)}@media (min-width: 1024px){#app-img-1.app-img-visible{z-index:5;transform:translate(-40px,-40px) rotate(-10deg)}#app-img-2.app-img-visible{z-index:10;transform:translate(100px,80px) rotate(5deg)}}@media (min-width: 768px) and (max-width: 1023px){#app-img-1.app-img-visible{z-index:5;transform:translate(-30px,-30px) rotate(-7deg)}#app-img-2.app-img-visible{z-index:10;transform:translate(80px,60px) rotate(3deg)}}@media (max-width: 767px){#app-img-1.app-img-visible{z-index:5;transform:translate(-20px,-20px) rotate(-5deg)}#app-img-2.app-img-visible{z-index:10;transform:translate(50px,40px) rotate(2deg)}}.card{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.card-visible{opacity:1;transform:translateY(0)}