body,html{align-items:center;background-color:#fff;display:flex;font-family:DFPHeiMedium,sans-serif;height:100vh;justify-content:center;margin:0;overflow:hidden;padding:0;width:100vw}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button{font-size:large;padding:15px 32px}button.btn-1{position:absolute;top:10vh}button.btn-2{position:absolute;top:16vh}button.btn-4{position:absolute;top:22vh}button.btn-5{position:absolute;top:50vh}input.input-1{top:4.5vh}input.input-1,input.input-2{background-color:#fff8dc;font-size:25px;left:.5vw;line-height:2em;position:absolute}input.input-2{top:34vh}button.btn-6{position:absolute;top:39.5vh}button.btn-7{position:absolute;top:45vh}span.clear-hint{background-color:cyan;font-size:24px;left:1vw;position:absolute;top:28vh}.animated{animation-duration:1s;animation-fill-mode:both}@keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
/*# sourceMappingURL=main.7e6d2616.css.map*/