/* Self-hosted replacement for the old Launchaco AllTemplates.min.css (launchaco.com shut down). Matches this page's existing class names. */ * { box-sizing: border-box; } body.font-friendly { margin: 0; font-family: 'Open Sans', 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #333; background: #fff; line-height: 1.6; } a { text-decoration: none; color: inherit; } .container, .container-lrg { max-width: 900px; margin: 0 auto; padding: 0 24px; } .container-lrg { max-width: 1100px; } .flex { display: flex; align-items: center; } .spread { justify-content: space-between; } .col-12 { width: 100%; } .text-center { text-align: center; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt40 { margin-top: 40px; } .mt50 { margin-top: 50px; } .mb40 { margin-bottom: 40px; } .pad20 { padding: 20px; } .primary-color { color: #1290fc; } .secondary-color { color: #666; } .accent-bg { background: linear-gradient(90deg, #227ef7, #1290fc); } .header { padding: 24px 0; border-bottom: 1px solid #eee; } .logo { font-weight: 700; font-size: 20px; } .nav-link { font-size: 15px; font-weight: 600; } .section { padding: 60px 0; } .section.green-white { background: #f7fbff; } .heading-lrg { font-size: 40px; font-weight: 700; margin: 0; color: #222; } .heading { font-size: 26px; font-weight: 700; margin: 0; color: #222; } .subheading { font-size: 18px; font-weight: 400; margin: 0; } .button { display: inline-block; padding: 14px 28px; border-radius: 6px; color: #fff; font-weight: 600; transition: opacity .2s; } .button:hover { opacity: .85; } .button span { color: #fff; } .faq { max-width: 700px; margin: 0 auto 16px; background: #fff; border: 1px solid #eee; border-radius: 8px; text-align: left; } .faq .bold { display: block; font-size: 17px; margin-bottom: 8px; } .faq .paragraph { margin: 0; } footer { padding: 40px 24px; text-align: center; border-top: 1px solid #eee; margin-top: 40px; } .socialicons { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; margin: 0 6px; color: #fff; font-size: 16px; } .socialicons.twitter::before { content: 'X'; } .socialicons.email::before { content: '@'; } .span { font-size: 14px; } #visual-dreamer { display: none; } @media (max-width: 600px) { .heading-lrg { font-size: 28px; } } .easter-egg { cursor: default; display: inline-block; } .ghost-logo { height: 46px; opacity: 0.05; filter: grayscale(70%); transition: opacity 0.5s ease, filter 0.5s ease; } .easter-egg:hover .ghost-logo { opacity: 1; filter: none; } .easter-egg-caption { opacity: 0; max-height: 0; overflow: hidden; font-size: 13px; color: #666; margin-top: 10px; max-width: 320px; margin-left: auto; margin-right: auto; transition: opacity 0.5s ease, max-height 0.5s ease; } .easter-egg:hover .easter-egg-caption { opacity: 1; max-height: 60px; }