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{height:100vh}.App-logo{height:20vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header,.flex-center-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.App-header{font-size:calc(10px + 2vmin);height:20vh}.App-header,.App-main{background-color:#282c34;color:#fff}.App-main{font-size:calc(10px + 1.5vmin);min-height:60vh}.App-footer{background-color:#282c34;height:20vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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;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;z-index:20}.star-area{background:#000;height:50vh;left:0;position:absolute;top:0;width:100vw;z-index: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.bdad27be.css.map*/