* { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; } html, body { min-height: 100%; display: flex; justify-content: center; align-items: center; } .expert-launcher { min-height: 300px; max-width: 840px; margin: 0 auto; padding: 60px; box-sizing: border-box; text-align: center; } h1 { margin: 0; padding: 12px 0; color: #232333; font-weight: 400; font-size: 1.25rem; line-height: 2.5rem; } h3 { margin: 0; color: #232333; font-weight: 400; font-size: 0.875rem; line-height: 1.5rem; } .launch-button, .download-button { display: inline-block; margin-top: 12px; padding: 8px 40px; text-align: center; color: #fff; font-size: 1rem; line-height: 2rem; border-radius: 8px; box-sizing: border-box; background: #0e72ed; cursor: pointer; text-decoration: none; } .launch-button:hover, .download-button:hover { background-color:#2681f2 } .launch-button:active, .download-button:active { background-color:#2681f2 } .text-center { text-align: center; } .text-center .itunes-badge { display: block; } .itunes-badge img { height: 54px; margin: 0 auto; } .expert-launcher hr { width: 100%; height: 1px; margin: 48px 0; border: none; background: #ededf4; } .expert-launcher h3 a { color: #0e72ed; text-decoration: none; white-space: nowrap; cursor: pointer; } .expert-launcher h3 a:hover { text-decoration: underline; } .expert-launcher.preloader:before { content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #ffffff url("https://cdn-rdstaticassets.readdle.com/assets/common/preloader.gif?1631697354") no-repeat 50% 50%; background-size: 32px 32px; z-index: 99; } @media (max-width: 575px) { .expert-launcher { padding: 60px 30px; } }