:root { --pico-border-radius: 2rem; } h1 { margin: 0 0 1em 0; text-align: center; --pico-color: var(--pico-primary); } button, a[role=button] { --pico-font-weight: 700; } h1 { --pico-typography-spacing-vertical: 0.5rem; font-weight: normal; font-size: 2.5em; } h2 { --pico-color: var(--pico-primary); font-weight: normal; margin: 1em 0; } h3, h4, h5, h6 { margin: 1em 0 ; } @media (min-width: 768px) and (max-width: 1023px) { /* INFO - CH - 2025-06-11 - Set .grid to 2 column on md */ .grid { grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) and (max-width: 1279px) { /* INFO - CH - 2025-06-11 - Set .grid to 2 column on lg */ .grid { grid-template-columns: 1fr 1fr; } } .sticky-header { position: sticky; top: 0; z-index: 100; } .header-root-container { padding: 0; margin-bottom: 1rem; background-color: var(--pico-dropdown-border-color); border-bottom: 2px solid var(--pico-range-border-color); } .footer-root-container { background-color: var(--pico-dropdown-border-color); padding: 2em 0 1em 0; border-top: 2px solid var(--pico-range-border-color); } .green { color: var(--pico-primary); } li { list-style-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyZjdkMzAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUtY2hlY2stYmlnLWljb24gbHVjaWRlLWNpcmNsZS1jaGVjay1iaWciPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPg=='); } .raw-li li { list-style-image: none; } nav li a[role=button] { margin-top: 0; /* see https://github.com/picocss/pico/issues/496 */ } .pricing-card { display: flex; flex-direction: column; padding: 0 1em 1em 1em; border-radius: 0.5em; background-color: var(--pico-muted-border-color); } .pricing-card h3 { text-align: center; margin-bottom: 0.5em; } .pricing-card p.subtitle { color: #777; font-weight: 300; text-align: center; font-size: 0.8em; } .pricing-card hr { border-top:4px solid var(--pico-primary); width: 33%; margin-left: auto; margin-right: auto; } .pricing-card__content { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } div.subtitle { margin-top: 1em; font-size: 1.6em; text-align: center; } @media (min-width: 1024px) { /* Same rules as PicoCSS grid except - the breakpoint - items are vertically aligned */ .grid-large { grid-template-columns: repeat(auto-fit,minmax(0%,1fr)); grid-column-gap: var(--pico-grid-column-gap); grid-row-gap: var(--pico-grid-row-gap); display: grid; align-items: center; } } mark { margin: 0 -0.4em; padding: 0.1em 0.4em; border-radius: 0.8em 0.3em; background: transparent; background-image: linear-gradient( to right, rgba(255, 225, 0, 0.1), rgba(255, 225, 0, 0.7) 4%, rgba(255, 225, 0, 0.3) ); -webkit-box-decoration-break: clone; box-decoration-break: clone; } section { margin-top: 5em; margin-bottom: 5em; } .HomepageFeatureTopicBlock__wrapper { display: flex; flex-wrap: wrap; gap: 20px; } .HomepageFeatureTopicBlock { display: flex; flex-direction: column; justify-content: space-between; flex: 1 0 0; width: 0; } .HomepageFeatureTopicBlock__title { display: flex; align-items: center; text-align: center; margin-top: 0; height: 3.5em; } .InternalLinkButtonBar { display: flex; flex-direction: row; flex-wrap: wrap; gap: 25px; align-items: stretch; margin-bottom: 1rem; } .InternalLinkButtonBar__item { display: flex !important; /* INFO - CH - 2025-06-11 - Overrides picocss display inline-block from role="button" */ align-items: center; width: 210px; }