@font-face {
  font-family: 'Poiret One';
  src: url('../fonts/PoiretOne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playback';
  src: url('../fonts/Playback.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --fonts-proportional: 'Poiret One', sans-serif;
  --fonts-monospace: 'JetBrains Mono', 'Fira Code', monospace;
  --color-primary: #00fcfd;
  --color-primary-contrast: #000;
  --color-primary-alpha-10: #00fcfd19;
  --color-primary-alpha-20: #00fcfd33;
  --color-primary-alpha-30: #00fcfd4b;
  --color-primary-alpha-40: #00fcfd66;
  --color-primary-alpha-50: #00fcfd80;
  --color-primary-alpha-60: #00fcfd99;
  --color-primary-alpha-70: #00fcfdb3;
  --color-primary-alpha-80: #00fcfdcc;
  --color-primary-alpha-90: #00fcfde1;
}
:root:not([data-theme="dark"]) {
  --color-primary-dark-1: #00d4d5;
  --color-primary-dark-2: #00b8b9;
  --color-primary-dark-3: #009c9d;
  --color-primary-dark-4: #008081;
  --color-primary-dark-5: #006465;
  --color-primary-dark-6: #004849;
  --color-primary-dark-7: #002c2d;
  --color-primary-light-1: #00d4d5;
  --color-primary-light-2: #33d9da;
  --color-primary-light-3: #66e3e4;
  --color-primary-light-4: #99edee;
  --color-primary-light-5: #ccf6f7;
  --color-primary-light-6: #e6fbfb;
  --color-primary-light-7: #f5fefe;
  --color-primary-hover: var(--color-primary-dark-2);
  --color-primary-active: var(--color-primary-dark-4);
}
[data-theme="dark"] {
  --color-primary-dark-1: #33fdfd;
  --color-primary-dark-2: #66fefe;
  --color-primary-dark-3: #99fefe;
  --color-primary-dark-4: #ccffff;
  --color-primary-dark-5: #e6ffff;
  --color-primary-dark-6: #f2ffff;
  --color-primary-dark-7: #faffff;
  --color-primary-light-1: #00d4d5;
  --color-primary-light-2: #00b8b9;
  --color-primary-light-3: #009c9d;
  --color-primary-light-4: #008081;
  --color-primary-light-5: #006465;
  --color-primary-light-6: #004849;
  --color-primary-light-7: #002c2d;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-light-2);
}
:root {
  --color-accent: var(--color-primary-light-1);
  --color-small-accent: var(--color-primary-light-5);
  --color-highlight-fg: #00fcfd;
  --color-highlight-bg: #00fcfd33;
  --color-orange: #00fcfd;
  --color-orange-light: #66fefe;
  --color-orange-dark-1: #00d4d5;
  --color-orange-dark-2: #00b8b9;
  --color-orange-badge: #00fcfd;
  --color-orange-badge-bg: #00fcfd1a;
  --color-orange-badge-hover-bg: #00fcfd4d;
}
.ui.menu, .ui.menu .item, .navbar, .navbar .item, .navbar .link, #navbar {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.02em !important;
}
h1, h2, h3, h4, h5, h6, .ui.header, .repository .repo-header .repo-title {
  font-family: 'Playback', sans-serif !important;
}
h1.hero.ui.icon.header svg {
  display: block !important;
  margin-bottom: 1rem !important;
}



img.logo {
  width: 500px !important;
  height: auto !important;
  max-width: none !important;
  margin-bottom: 2rem !important;
}