:root {
--color-bg: #ffffff;
--color-text: #3f3f46;
--color-muted: #71717a;
--color-accent: #a855f7;
--color-accent-hover: #9333ea;
--font-sans: Cosmica, Arial, sans-serif;
--font-nav: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
--text-sm: 0.875rem;
--text-base: 1rem;
--text-lg: 1.25rem;
--text-xl: 1.75rem;
--text-2xl: 2.5rem;
--leading-tight: 1.2;
--leading-normal: 1.5;
--weight-regular: 400;
--weight-bold: 700;
--space-2: 0.5rem;
--space-3: 0.75rem;
--space-4: 1rem;
--space-6: 1.5rem;
--space-8: 2rem;
--space-12: 3rem;
--radius-sm: 0.25rem;
--radius-md: 0.75rem;
--radius-lg: 1.5rem;
--content-width: 72rem;
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
min-height: 100%;
color: var(--color-text);
background: var(--color-bg);
font-family: var(--font-sans);
font-size: var(--text-base);
line-height: var(--leading-normal);
-webkit-font-smoothing: antialiased;
}
a {
color: inherit;
text-decoration: none;
} .nav svg,
.mobile svg,
.site-foot svg,
.fab svg {
width: 1.25rem;
height: 1.25rem;
flex: none;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.site-content {
min-height: 40vh;
} @media (max-width: 1200px) {
#site-mobile.mobile.open {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
margin: 0 !important;
border-radius: 0 !important;
transform: none !important;
background: #fff !important;
z-index: 100001 !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
}
.site-main {
max-width: var(--content-width);
margin-inline: auto;
padding: var(--space-12) var(--space-8);
min-height: 40vh;
width: 100%;
} .site-main.site-main--home {
max-width: none;
margin: 0;
padding: 0;
min-height: 0;
}
.site-main:not(.site-main--home) h1 {
font-size: var(--text-2xl);
line-height: var(--leading-tight);
font-weight: var(--weight-bold);
margin-bottom: var(--space-4);
}
@media (max-width: 560px) {
.site-main:not(.site-main--home) {
padding: var(--space-8) var(--space-4);
}
}