You did it!
.csa-page { font-family: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, ui-sans-serif, system-ui, sans-serif; font-size: 1.125rem; line-height: 1.6; color: #1d1d1d; } .csa-page h1, .csa-page h2, .csa-page h3 { font-family: Barlow, Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, ui-sans-serif, system-ui, sans-serif; font-weight: 700; } .csa-page h1 { font-size: 2.197rem; line-height: 1.2; margin: 0 0 1rem; color: #04A0C3; text-align: center; } .csa-page h2 { font-size: 1.758rem; line-height: 1.2; color: #04A0C3; margin: 1.5rem 0 0.75rem; } .csa-page h3 { font-size: 1.406rem; line-height: 1.3; color: #04A0C3; } .csa-page h2.csa-h2-dark { color: #24284E; } .csa-page p { margin: 0.75rem 0; } .csa-page ul { list-style-type: disc; padding-left: 1.5rem; } .csa-page ul ul { list-style-type: circle; } .csa-page ul li { margin: 0.4rem 0; } .csa-page a { color: #004B5C; text-decoration: underline; } .csa-page a:hover { color: #037F9B; } .csa-page a.csa-link-blue { color: #037F9B; } .csa-page .csa-hero { display: grid; grid-template-columns: 46% 54%; gap: 0; align-items: stretch; margin: 0 auto; padding: 0; } .csa-page .csa-hero > div { padding: 2rem; display: flex; flex-direction: column; justify-content: center; text-align: center; } .csa-page .csa-hero img { width: 100%; height: 297px; object-fit: cover; display: block; } .csa-page .csa-section { max-width: 960px; margin: 2rem auto; padding: 0 1rem; } .csa-page .csa-resource-intro { max-width: 960px; margin: 1rem auto; padding: 0 1rem; text-align: center; font-size: 1.406rem; } .csa-page .csa-resource-section { max-width: 960px; margin: 2.5rem auto; padding: 0 1rem; } .csa-page .csa-resource-section > p { margin: 0.75rem 0 1.25rem; } .csa-page .csa-icon-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem 2rem; margin: 1rem 0; } .csa-page .csa-icon-list { list-style: none; padding: 0; margin: 0; } .csa-page .csa-icon-list li { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; } .csa-page .csa-icon-list li:last-child { margin-bottom: 0; } .csa-page .csa-icon-list svg { width: 16px; height: 16px; flex-shrink: 0; fill: currentColor; color: #1d1d1d; } .csa-page hr.csa-divider { border: none; border-top: 3px solid #FF8C00; margin: 3rem auto; max-width: 960px; } .csa-page .csa-credit { text-align: center; font-style: italic; max-width: 960px; margin: 1rem auto; padding: 0 1rem; color: #555; } .csa-page .csa-center { text-align: center; } @media (max-width: 768px) { .csa-page .csa-hero { grid-template-columns: 1fr; } .csa-page .csa-hero img { height: auto; max-height: 260px; } .csa-page .csa-icon-cols { grid-template-columns: 1fr; } .csa-page h1 { font-size: 2rem; } .csa-page h2 { font-size: 1.5rem; } } .csa-page .csa-tabs { display: flex; flex-wrap: wrap; background: #E8F8FF; max-width: 1280px; margin: 0 auto 2.5rem; } .csa-page .csa-tabs > * { flex: 1 1 auto; padding: 1rem 1.25rem; text-align: left; font-weight: bold; color: #037F9B !important; text-decoration: none !important; border-left: 1px solid #d7eeff; min-width: 140px; display: flex; align-items: center; gap: 0.65rem; font-family: Barlow, Inter, Roboto, sans-serif; } .csa-page .csa-tabs .csa-tab-icon { display: inline-flex; width: 1.5rem; height: 1.5rem; flex-shrink: 0; } .csa-page .csa-tabs .csa-tab-icon svg { width: 100%; height: 100%; fill: currentColor; } .csa-page .csa-tabs > :first-child { border-left: none; } .csa-page .csa-tabs a:hover { background: #d7eeff; } .csa-page .csa-tabs .csa-tab-active { background: #F54017; color: #fff !important; cursor: default; } Become a Citizen Science Champion Overview Resources Citizen Science Champion Resources Check out the resources below help you share about citizen science and SciStarter with others. As a champion, there are no requirements! However, We recommend that you host an “Intro to Citizen Science” program first to help libraries, schools, and other organizations learn about citizen science before committing to ongoing programs or hosting events. To find news and events for Champions, visit the Overview page. General Resources Find Projects and Events Join Do NASA Science LIVE! Events The Citizen Science Champion Handbook Key Links to Share with Others Citizen Science for Educators Citizen Science for Libraries For NASA and Space Fans Professional Development and Training in Citizen Science Citizen Science Month (April) Participation Key Presentation Materials Use these for in-person or online presentations. These are ideal for library and classroom settings. For in-person presentations, you will need access to a computer and large screen with audio to play a video embedded in the PowerPoint slides. Foundations of Citizen Science presentation and speaker notes Citizen Science Talking Points Key Event Resources The following resources were created for librarians and others seeking to host or facilitate hands-on engagement through programs and events: Event Recipe Cards Program Planning Tool (Template) Event Planning Checklist Event Sign in Sheet Promotional Bookmarks Promotional Posters/Flyers Sticker/Button Designs Social Media Assets Have questions? Email info@scistarter.org The Citizen Science Champions program is led by SciStarter and Arizona State University, with support from the Gordon and Betty Moore Foundation and in collaboration with Idealist.