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