body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{align-items:center;background-color:#4e7699;display:flex;flex-direction:column;min-height:100vh;width:100%}.header-image{align-items:center;display:flex;justify-content:center;width:auto}.card-container{display:flex;flex-wrap:wrap;justify-content:center}.card{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#f5eedc;backface-visibility:hidden}.flip-card{position:relative;perspective:1000px;transition:transform .35s;transform-style:preserve-3d}.flip-card-front,.flip-card-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;justify-content:center;align-items:center}.flip-card-front{z-index:2}.flip-card-back,.flip{transform:rotateY(180deg)}.text-card,.button{width:100%}@media screen and (min-aspect-ratio: 6 / 5){.app-container{min-width:120vh}.header-image{height:15vh;padding:1vh}.card-container{gap:2vh;width:120vh}.card{height:38vh;width:28.5vh;border-radius:2vh;border:1vh solid white;box-shadow:0 1vh 1vh #00000080}.flip-card{height:38vh;width:28.5vh}.text-card{padding:1vh}.text-card-header{font-size:2.5vh;padding:1vh}.text-card-line{font-size:2vh;padding:1vh}.button{height:3vh;font-size:1.8vh!important}}@media screen and (max-aspect-ratio: 6 / 5){.app-container{min-width:100vw}.header-image{height:12vw;padding:1vw}.card-container{gap:2vw;min-width:100vw}.card{height:30vw;width:22.5vw;border-radius:2vw;border:1vw solid white;box-shadow:0 1vw 1vw #00000080}.flip-card{height:30vw;width:22.5vw}.text-card{padding:.5vw}.text-card-header{font-size:2vw;padding:.8vw}.text-card-line{font-size:1.75vw;padding:.5vw}.button{height:2vw;font-size:1.5vw!important}}@media screen and (max-aspect-ratio: 3 / 4){#instructions{order:1}#controls{order:2}.card,.flip-card{height:38vw;width:28.5vw}.text-card{padding:1vw}.text-card-header{font-size:3vw;padding:1vw}.text-card-line{font-size:2vw;padding:1vw}.button{height:3vw;font-size:2vw!important}}