Rauno Me

:root {
  --color-dominant: #fbfb04;
  --color-surface: #74740c;
  --color-ink: #fafa89;
  --color-accent: #747474;
  --color-detail: #bababa;
}

/* CSS variables exposed by source */
:root {
  --fontSizes-20: 20px;
  --colors-highContrast: black;
  --colors-focus: hsl(0 0% 56.1%);
  --colors-blue10: hsl(208 100% 47.3%);
  --colors-grayA9: hsl(0 0% 0% / 0.439);
  --colors-green7: hsl(146 38.5% 69.0%);
  --colors-gray7: hsl(0 0% 85.8%);
  --space-9: 72px;
  --space-4: 32px;
  --space-7: 56px;
  --space-8: 64px;
  --fonts-serif: Georgia, serif;
  --colors-green9: hsl(151 55.0% 41.5%);
  --colors-teal2: hsl(169 64.7% 96.7%);
  --colors-blue2: hsl(210 100% 98.0%);
  --colors-blueA9: hsl(206 100% 50.0% / 0.980);
  --fontSizes-48: 48px;
  --colors-grayA10: hsl(0 0% 0% / 0.478);
  --colors-blueA8: hsl(206 99.8% 45.1% / 0.632);
  --colors-blue3: hsl(209 100% 96.5%);
  --shadows-large: 0 30px 60px rgba(0, 0, 0, 0.12);
  --colors-green3: hsl(139 55.2% 94.5%);
  --colors-grayA11: hsl(0 0% 0% / 0.565);
  --colors-gray6: hsl(0 0% 88.7%);
  --colors-grayA2: hsl(0 0% 0% / 0.027);
  --colors-teal4: hsl(169 53.1% 90.2%);
  --colors-amber10: hsl(35 100% 55.5%);
  --space-5: 40px;
  --colors-teal8: hsl(172 42.1% 52.5%);
  --colors-grayA7: hsl(0 0% 0% / 0.141);
  --colors-red9: hsl(358 75.0% 59.0%);
  --colors-blue6: hsl(209 81.2% 84.5%);
  --colors-green11: hsl(153 67.0% 28.5%);
  --colors-grayA6: hsl(0 0% 0% / 0.114);
  --colors-grayA4: hsl(0 0% 0% / 0.071);
  --colors-amber1: hsl(39 70.0% 99.0%);
  --fontWeights-800: 800;
  --colors-teal9: hsl(173 80.0% 36.0%);
  --space-3: 24px;
  --colors-amber9: hsl(39 100% 57.0%);
  --colors-amber3: hsl(44 100% 91.7%);
  --fontSizes-10: 10px;
  --fontWeights-400: 400;
  --colors-blueA12: hsl(213 100% 14.4% / 0.980);
  --colors-blueA6: hsl(209 99.5% 45.3% / 0.283);
  --colors-amber5: hsl(42 100% 81.8%);
  --space-1: 8px;
  --colors-teal10: hsl(173 83.4% 32.5%);
  --colors-green2: hsl(138 62.5% 96.9%);
  --colors-amber4: hsl(43 100% 86.8%);
  --colors-blueA3: hsl(210 100% 50.3% / 0.071);
  --space-10: 80px;
  --shadows-medium: 0 8px 30px rgba(0, 0, 0, 0.12);
  --fontSizes-12: 12px;
  --colors-red12: hsl(354 50.0% 14.6%);
  --fontSizes-32: 32px;
  --fontSizes-16: 16px;
  --fonts-mono: JetBrains Mono, Menlo, monospace;
  --colors-red: #FF484C;
  --colors-amber7: hsl(36 86.1% 67.1%);
}