body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(#040b15 0%,#142238 100%);height:100vh;position:relative;overflow-x:clip}.flex-center-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.App-header{color:#fff;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;height:20vh;font-size:calc(10px + 2vmin);display:flex;position:relative}.moon{--moon-size:clamp(4.5rem, 9vmin, 7rem);top:calc(100% - var(--moon-size));width:var(--moon-size);aspect-ratio:1;background:radial-gradient(circle at 34% 30%,#f5f6f4 0 8%,#d8d9d6 35%,#a8aba9 78%,#737875 100%);border-radius:50%;animation:418s linear infinite moon-arc;position:absolute;left:18%;box-shadow:0 0 1.2rem #e5eaefa6,0 0 3rem #b7cfeb33}.moon:after{content:"";border-radius:inherit;mix-blend-mode:soft-light;opacity:.36;pointer-events:none;background-image:radial-gradient(circle,#454c4c47 0 .045rem,#0000 .06rem);background-size:.32rem .32rem;position:absolute;inset:0}.moon-crater{background:#5d63642b;border-radius:50%;display:block;position:absolute;box-shadow:inset .1rem .1rem .45rem #393f402e,.08rem .08rem .3rem #f6f8f947}.moon-crater-one{width:18%;height:18%;top:24%;left:54%}.moon-crater-two{width:12%;height:12%;top:58%;left:27%}.moon-crater-three{width:22%;height:14%;top:66%;left:59%}.App-main{color:#fff;background-color:#0000;min-height:60vh;font-size:calc(10px + 1.5vmin);position:relative;overflow:hidden}.App-footer{background-color:#0000;height:20vh}.App-link{color:#61dafb}@keyframes moon-arc{0%{left:3%;top:calc(100% - var(--moon-size))}50%{top:13%;left:46%}to{left:105%;top:calc(100% - var(--moon-size))}}@media (prefers-reduced-motion:reduce){.moon{left:3%;top:calc(100% - var(--moon-size));animation:none}.star-sky-track{animation:none}}.preview-img-area{flex-direction:row;justify-content:center;align-items:center;font-size:.6em;display:none}.image-transform-area{width:100%;min-width:100px;min-height:100px;position:relative;transform:translateY(50px)}.image-fade{width:100%;height:35vh;max-height:300px;position:relative;overflow:hidden}.image-transform{z-index:20;height:35vh;max-height:300px;position:absolute}.button{z-index:20;min-width:12em;min-height:3em;margin-top:2em;transform:translateY(50px)}.star-area{z-index:0;background:#000;width:100vw;height:50vh;position:absolute;top:0;left:0}.star-sky{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.star-sky-track{will-change:transform;width:200%;height:100%;animation:450s linear infinite star-drift;display:flex;transform:translate(0,0)}.star-sky-layer{flex:0 0 50%;height:100%;position:relative}@keyframes star-drift{to{transform:translate(-50%)}}@keyframes twinkling{0%{opacity:1;background-color:#d3d3d3;width:100%;height:100%}40%{opacity:.7;background-color:#eeee93;width:80%;height:80%}50%{opacity:.3;background-color:red;width:55%;height:55%}60%{opacity:.7;background-color:#eeee93;width:80%;height:80%}to{opacity:1;background-color:#d3d3d3;width:100%;height:100%}}@keyframes moveRobot{0%{transform-style:preserve-3d;transform:perspective(100px)rotateY(0)}20%{transform-style:preserve-3d;transform:perspective(200px)rotateY(8deg)scale(1.02)}40%{transform-style:preserve-3d;transform:perspective(150px)rotateY(14deg)scale(1.05)}60%{transform-style:preserve-3d;transform:perspective(150px)rotateY(5deg)scale(1.03)}80%{transform-style:preserve-3d;transform:perspective(150px)rotateY(-4deg)scale(1.02)}to{transform-style:preserve-3d;transform:perspective(100px)rotateY(0)scale(1)}}.star-animation{animation:10s linear 2s infinite twinkling}