.md-header,
.md-tabs {
  background: #f46f25;
}

.md-header--shadow {
  box-shadow: 0 0 .2rem rgba(0, 0, 0, .2), 0 .2rem .4rem rgba(0, 0, 0, .28);
}

.md-main {
  background: linear-gradient(180deg, #16120f 0, #101418 28rem);
}

.md-content {
  overflow-x: clip;
  color: #eef3f7;
}

.md-typeset a {
  color: inherit;
}

.md-typeset h1,
.md-typeset h2 {
  color: #eef3f7;
  letter-spacing: 0;
}

.md-typeset .hero-name {
  position: relative;
  z-index: 0;
  max-width: 760px;
  margin: 0;
  color: #ffb36b;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1;
}

.md-typeset .hero-name::before {
  position: absolute;
  top: -3.4rem;
  right: -18rem;
  z-index: -1;
  width: min(78vw, 48rem);
  height: 21rem;
  border-radius: .5rem;
  background-image:
    linear-gradient(90deg, #16120f 0%, rgba(22, 18, 15, .9) 30%, rgba(22, 18, 15, .5) 62%, rgba(22, 18, 15, .15) 100%),
    radial-gradient(circle at 73% 22%, rgba(255, 145, 0, .28) 0 .06rem, transparent .08rem),
    linear-gradient(rgba(255, 208, 162, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 208, 162, .08) 1px, transparent 1px),
    url("../assets/hero-systems.jpg");
  background-position:
    center,
    center,
    center,
    center,
    center right;
  background-repeat: no-repeat, repeat, repeat, repeat, no-repeat;
  background-size:
    cover,
    1.85rem 1.85rem,
    2.65rem 2.65rem,
    2.65rem 2.65rem,
    cover;
  box-shadow: inset 0 0 0 1px rgba(255, 145, 0, .08);
  content: "";
  opacity: .72;
  pointer-events: none;
}

.md-typeset .hero-name::after {
  position: absolute;
  top: 1.1rem;
  right: -13.2rem;
  z-index: -1;
  width: 16rem;
  height: 8.2rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23ff9100" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 320 164"><path opacity=".58" d="M32 30h68l26 28h52l30 34h82"/><path opacity=".34" d="M18 112h74l22-30h66l20-26h88"/><path opacity=".42" d="M58 70h58l24 24h60l28 28h52"/><g fill="%23ff9100" stroke="none"><circle cx="32" cy="30" r="5" opacity=".7"/><circle cx="126" cy="58" r="4" opacity=".55"/><circle cx="208" cy="92" r="5" opacity=".62"/><circle cx="290" cy="92" r="4" opacity=".45"/><circle cx="18" cy="112" r="4" opacity=".45"/><circle cx="114" cy="82" r="5" opacity=".54"/><circle cx="200" cy="56" r="4" opacity=".48"/><circle cx="288" cy="56" r="5" opacity=".38"/><circle cx="58" cy="70" r="4" opacity=".5"/><circle cx="140" cy="94" r="5" opacity=".58"/><circle cx="228" cy="122" r="4" opacity=".46"/><circle cx="280" cy="122" r="5" opacity=".34"/></g><rect x="230" y="20" width="48" height="30" rx="4" opacity=".36"/><rect x="70" y="120" width="54" height="24" rx="4" opacity=".28"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  opacity: .52;
  pointer-events: none;
}

.md-typeset .hero-title {
  position: relative;
  z-index: 1;
  max-width: 760px;
  margin: .45rem 0 0;
  color: #eef3f7;
  font-size: 2.45rem;
  font-weight: 300;
  line-height: 1.08;
}

.md-typeset .intro {
  position: relative;
  z-index: 1;
  max-width: 690px;
  margin: 1.25rem 0 0;
  color: #eef3f7;
  font-size: 1.05rem;
}

.md-typeset .intro * {
  color: inherit;
}

.md-typeset .actions {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.6rem;
}

.md-typeset h2 {
  margin-top: 3.4rem;
  font-size: 2rem;
}

.md-typeset h2#repositories + ul:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
  margin: 1rem 0 3rem;
  padding: 0;
  list-style: none;
}

.md-typeset h2#repositories + ul:not([hidden]) > li {
  position: relative;
  min-height: 10.75rem;
  margin: 0;
  border: 1px solid rgba(174, 184, 194, .18);
  border-radius: .4rem;
  padding: 1rem;
  background: rgba(23, 29, 35, .9);
  color: #aeb8c2;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.md-typeset h2#repositories + ul:not([hidden]) > li:hover,
.md-typeset h2#repositories + ul:not([hidden]) > li:focus-within {
  border-color: rgba(255, 145, 0, .55);
  background: rgba(31, 39, 48, .96);
  transform: translateY(-2px);
}

.md-typeset h2#repositories + ul:not([hidden]) > li:focus-within {
  outline: 2px solid rgba(255, 145, 0, .72);
  outline-offset: 2px;
}

.md-typeset h2#repositories + ul:not([hidden]) > li::before {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid rgba(255, 145, 0, .24);
  border-radius: .35rem;
  background-color: rgba(255, 145, 0, .12);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.15rem;
  content: "";
}

.md-typeset h2#repositories + ul:not([hidden]) > li:nth-child(1)::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ff9100" viewBox="0 0 24 24"><path d="M3 5h18v14H3V5zm2 2v10h14V7H5zm2.2 2.4L10 12l-2.8 2.6L6 13.3 7.6 12 6 10.6l1.2-1.2zM11 14h5v1.5h-5V14z"/></svg>');
}

.md-typeset h2#repositories + ul:not([hidden]) > li:nth-child(2)::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ff9100" viewBox="0 0 24 24"><path d="M5 5h4v4H5V5zm10 0h4v4h-4V5zM5 15h4v4H5v-4zm10 0h4v4h-4v-4zM9 7h6v2H9V7zm-2 2h2v6H7V9zm8 0h2v6h-2V9zm-6 6h6v2H9v-2z"/></svg>');
}

.md-typeset h2#repositories + ul:not([hidden]) > li:nth-child(3)::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ff9100" viewBox="0 0 24 24"><path d="M4 6h10v2H4V6zm12-.7h2V4h2v1.3h1V8h-1v1h-2V8h-2V5.3zM4 11h3v2H4v-2zm5 0h11v2H9v-2zm-5 5h10v2H4v-2zm12-.7h2V14h2v1.3h1V18h-1v1h-2v-1h-2v-2.7z"/></svg>');
}

.md-typeset h2#repositories + ul:not([hidden]) > li:nth-child(4)::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ff9100" viewBox="0 0 24 24"><path d="M8 8h8v8H8V8zm2 2v4h4v-4h-4zM6 3h2v3H6V3zm5 0h2v3h-2V3zm5 0h2v3h-2V3zM6 18h2v3H6v-3zm5 0h2v3h-2v-3zm5 0h2v3h-2v-3zM3 6h3v2H3V6zm0 5h3v2H3v-2zm0 5h3v2H3v-2zm15-10h3v2h-3V6zm0 5h3v2h-3v-2zm0 5h3v2h-3v-2z"/></svg>');
}

.md-typeset h2#repositories + ul:not([hidden]) > li:nth-child(5)::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ff9100" viewBox="0 0 24 24"><path d="M5 4a3 3 0 0 1 2.8 2h8.4A3 3 0 1 1 16 8H7.8A3 3 0 1 1 5 4zm14 10a3 3 0 0 1 2.8 2H8a3 3 0 1 1 0-2h11zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM5 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM5 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/></svg>');
}

.md-typeset h2#repositories + ul:not([hidden]) > li:nth-child(6)::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ff9100" viewBox="0 0 24 24"><path d="M4 5h10v2H4V5zm0 4h16v2H4V9zm0 4h9v2H4v-2zm0 4h6v2H4v-2zm12-4 4 3-4 3v-2h-4v-2h4v-2z"/></svg>');
}

.md-typeset h2#repositories + ul:not([hidden]) > li:nth-child(7)::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ff9100" viewBox="0 0 24 24"><path d="M12 3 5 6v5c0 4.4 2.8 8.4 7 10 4.2-1.6 7-5.6 7-10V6l-7-3zm0 2.2 5 2.1V11c0 3.1-1.9 6-5 7.6C8.9 17 7 14.1 7 11V7.3l5-2.1zm-3 6.3 1.4-1.4 1.1 1.1 2.8-2.8 1.4 1.4-4.2 4.2L9 11.5z"/></svg>');
}

.md-typeset h2#repositories + ul:not([hidden]) > li:nth-child(8)::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ff9100" viewBox="0 0 24 24"><path d="M4 5h16v14H4V5zm2 2v10h12V7H6zm4 2 5 3-5 3V9z"/></svg>');
}

.md-typeset h2#repositories + ul:not([hidden]) > li:nth-child(9)::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ff9100" viewBox="0 0 24 24"><path d="M5 4h14v16H5V4zm2 2v12h10V6H7zm2 2h6v2H9V8zm0 4h6v2H9v-2zm0 4h4v1H9v-1z"/></svg>');
}

.md-typeset h2#repositories + ul:not([hidden]) > li:nth-child(10)::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ff9100" viewBox="0 0 24 24"><path d="M5 5c0-1.1 3.1-2 7-2s7 .9 7 2v14c0 1.1-3.1 2-7 2s-7-.9-7-2V5zm2 2.4V11c1.2.7 3 1 5 1s3.8-.3 5-1V7.4c-1.3.4-3 .6-5 .6s-3.7-.2-5-.6zm0 6V17c1.2.7 3 1 5 1s3.8-.3 5-1v-3.6c-1.3.4-3 .6-5 .6s-3.7-.2-5-.6z"/></svg>');
}

.md-typeset h2#repositories + ul:not([hidden]) > li > p {
  margin: 0;
  color: #aeb8c2;
  font-size: .8rem;
  line-height: 1.45;
}

.md-typeset h2#repositories + ul:not([hidden]) > li > p > a {
  display: block;
  position: static;
  min-height: 1.8rem;
  margin-bottom: .75rem;
  padding-left: 2.45rem;
  color: #eef3f7;
  font-size: 1.05rem;
  line-height: 1.8rem;
  overflow-wrap: anywhere;
}

.md-typeset h2#repositories + ul:not([hidden]) > li > p > a::after {
  position: absolute;
  inset: 0;
  content: "";
}

@media screen and (max-width: 640px) {
  .md-typeset .hero-name {
    font-size: 2.2rem;
  }

  .md-typeset .hero-name::before {
    top: -2.6rem;
    right: -10rem;
    width: 34rem;
    height: 15.5rem;
    opacity: .28;
  }

  .md-typeset .hero-name::after {
    top: .65rem;
    right: -7.4rem;
    width: 11rem;
    height: 5.7rem;
    opacity: .28;
  }

  .md-typeset .hero-title {
    font-size: 1.65rem;
  }

  .md-typeset h2#repositories + ul:not([hidden]) {
    grid-template-columns: 1fr;
  }
}