/* Obsidian-inspired color palette */
:root {
  /* Primary purple colors (inspired by Obsidian) */
  --md-primary-fg-color:        #6c31e3;
  --md-primary-fg-color--light: #8b5cf6;
  --md-primary-fg-color--dark:  #5b21b6;
  --md-accent-fg-color: #A88BFA;

  /* Additional Obsidian-inspired colors */
  --obsidian-purple: #6c31e3;
  --obsidian-purple-light: #A88BFA;
  --obsidian-purple-lighter: #c4b5fd;
  --obsidian-green: #22c55e;
  --md-status--draft: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>file-edit</title><path d="M6 2C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H10V20.1L20 10.1V8L14 2H6M13 3.5L18.5 9H13V3.5M20.1 13C20 13 19.8 13.1 19.7 13.2L18.7 14.2L20.8 16.3L21.8 15.3C22 15.1 22 14.7 21.8 14.5L20.5 13.2C20.4 13.1 20.3 13 20.1 13M18.1 14.8L12 20.9V23H14.1L20.2 16.9L18.1 14.8Z" /></svg>');
  --md-status--deprecated: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>progress-alert</title><path d="M13,2V4C17.39,4.54 20.5,8.53 19.96,12.92C19.5,16.56 16.64,19.43 13,19.88V21.88C18.5,21.28 22.45,16.34 21.85,10.85C21.33,6.19 17.66,2.5 13,2M11,2C9.04,2.18 7.19,2.95 5.67,4.2L7.1,5.74C8.22,4.84 9.57,4.26 11,4.06V2.06M4.26,5.67C3,7.19 2.24,9.04 2.05,11H4.05C4.24,9.58 4.8,8.23 5.69,7.1L4.26,5.67M2.06,13C2.26,14.96 3.03,16.81 4.27,18.33L5.69,16.9C4.81,15.77 4.24,14.42 4.06,13H2.06M7.06,18.37L5.67,19.74C7.18,21 9.04,21.79 11,22V20C9.58,19.82 8.23,19.25 7.1,18.37H7.06M13,13V7H11V13H13M13,17V15H11V17H13Z" /></svg>');
  --md-status--verified: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>check-decagram</title><path d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z" /></svg>');
  --md-admonition-icon--tutorial: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>vector-point</title><path d="M9 9V15H15V9H9M11 11H13V13H11V11Z" /></svg>');
  --md-admonition-icon--how-to: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>vector-line</title><path d="M15,3V7.59L7.59,15H3V21H9V16.42L16.42,9H21V3M17,5H19V7H17M5,17H7V19H5" /></svg>');
  --md-admonition-icon--reference: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>vector-triangle</title><path d="M9,3V9H9.73L5.79,16H2V22H8V20H16V22H22V16H18.21L14.27,9H15V3M11,5H13V7H11M12,9.04L16,16.15V18H8V16.15M4,18H6V20H4M18,18H20V20H18" /></svg>');
  --md-admonition-icon--explanation: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>vector-polygon</title><path d="M2,2V8H4.28L5.57,16H4V22H10V20.06L15,20.05V22H21V16H19.17L20,9H22V3H16V6.53L14.8,8H9.59L8,5.82V2M4,4H6V6H4M18,5H20V7H18M6.31,8H7.11L9,10.59V14H15V10.91L16.57,9H18L17.16,16H15V18.06H10V16H7.6M11,10H13V12H11M6,18H8V20H6M17,18H19V20H17" /></svg>');
  --md-admonition-icon--treasure: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>treasure-chest-outline</title><path d="M2 20H22V7C22 6.2 21.68 5.44 21.12 4.88C20.56 4.32 19.8 4 19 4H5C4.2 4 3.44 4.32 2.88 4.88C2.32 5.44 2 6.2 2 7V20M20 11H15V9H9V11H4V7C4 6.74 4.11 6.5 4.29 6.29C4.5 6.11 4.74 6 5 6H19C19.27 6 19.5 6.11 19.71 6.29C19.9 6.5 20 6.74 20 7V11M15 13H20V18H4V13H9L11 15H13L15 13M11 11H13V13H11V11Z" /></svg>');
}


/* Custom theme colors */

/* Light mode - Obsidian inspired */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #ffffff;
  --md-default-fg-color: #1e1e1e;
  --md-typeset-a-color: #6c31e3;
}

/* Dark mode - Obsidian inspired */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #1e1e1e;
  --md-default-fg-color: #dcddde;
  --md-typeset-a-color: #A88BFA;
  --md-code-bg-color: #2d2d2d;
  --md-code-fg-color: #e6e6e6;
}

/* Link colors - Obsidian inspired */
.md-typeset a {
  color: #6c31e3;
  text-decoration: none;
  transition: color 0.2s ease;
  font-weight: 500;
}

.md-typeset a:hover {
  color: #A88BFA;
}

/* Dark mode link colors */
[data-md-color-scheme="slate"] .md-typeset a {
  color: #A88BFA;
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: #c4b5fd;
}

/* Code blocks - Obsidian inspired */
.md-typeset code {
  background-color: rgba(108, 49, 227, 0.08);
  color: #6c31e3;
  border-radius: 4px;
  padding: 0.1em 0.4em;
}

[data-md-color-scheme="slate"] .md-typeset code {
  background-color: rgba(168, 139, 250, 0.15);
  color: #c4b5fd;
}

/* Highlight active navigation items */
.md-nav__item--active > .md-nav__link {
  color: var(--obsidian-purple);
}

[data-md-color-scheme="slate"] .md-nav__item--active > .md-nav__link {
  color: var(--obsidian-purple-light);
}



/* Announcement bar */

/* .md-banner {
  background-color: #AB4E52;
}

.md-banner__inner {
  font-size: .6rem;
  margin: 8px auto;
  padding: 0 .8rem;
  text-align: center;
} */


/* Header - Obsidian inspired */

.md-header {
 background-color: #0f0f0f;
 /* background: linear-gradient(135deg, #6c31e3 0%, #8b5cf6 100%); */
}

.md-header__title {
  font-family: Mogra;
  font-size: 24px;
  line-height: 2.6rem;
}

.md-header__topic {
  /* background-color: #AB4E52;  */
  color: var(--md-primary-bg-color);
}


/* Search box - Always white text/icons on dark header */

/* Search container positioning */
.md-search {
  margin-right: -4rem;
}

/* Search input - white text for both modes */
.md-search__input {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

.md-search__input::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

.md-search__input:focus {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-color: var(--obsidian-purple-light) !important;
}

/* Search icon - white */
.md-search__icon {
  color: #ffffff !important;
}

/* Color mode toggle - white icons */
.md-header__button {
  color: #ffffff !important;
}

.md-header__button:hover {
  opacity: 0.8;
}

/* Back to top button - Obsidian purple */
.md-top:hover {
  background-color: rgba(139, 92, 246, 1.0);
}

[data-md-color-scheme="slate"] .md-top:hover {
  background-color: rgba(139, 92, 246, 1.0);
}

/* Search results styling for dark mode */
[data-md-color-scheme="slate"] .md-search-result__meta {
  color: #dcddde !important;
}

[data-md-color-scheme="slate"] .md-search-result__item {
  color: #dcddde !important;
}

[data-md-color-scheme="slate"] .md-search-result__link {
  color: #dcddde !important;
}



/* Repo info */

.md-source{
  float: right;
  width: 60px;
}

.md-source__repository{
  display: none;
}

[dir=ltr] .md-header__source {
  width: 80px;
}

.md-nav__source {
  display: none;
}


/* Main menu - Obsidian inspired */

.md-tabs {
  background: #0f0f0f;
  /* background: linear-gradient(135deg, #6c31e3 0%, #8b5cf6 100%); */
  color: var(--md-primary-bg-color);
  margin-left: auto;
  margin-right: auto;
  line-height: 100%;
  height: 40px;
  overflow: auto;
  max-width: 36rem;
  /* z-index: 3; */
  border-radius: 0px 0px 8px 8px;
}

[dir=ltr] .md-tabs__list {
  justify-content: center;
  align-items: center;
}

.md-tabs__item {
  height: 40px;
  width: auto;
}

.md-tabs__link {
  margin-top: 0px; 
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 12px;
  font-family: Mogra;
  font-size: 20px;
}

.md-tabs__link:hover {
  background-color: rgba(139, 92, 246, 1.0);
  border-radius: 16px;
  height: 32px;
}

.md-nav__link .md-ellipsis {
  font-family: Roboto Mono;
  font-weight: 400;
}

/* Navigation and TOC */

.md-nav {
  font-family: Mogra;
  /* font-size: 8px; */
}

.md-nav--primary .md-nav__title[for="__drawer"] {
  font-size: 24px;
}

/* Primary navigation links (left sidebar) - Obsidian purple on hover and active */
.md-nav--primary .md-nav__link:hover {
  color: var(--obsidian-purple);
}

[data-md-color-scheme="slate"] .md-nav--primary .md-nav__link:hover {
  color: var(--obsidian-purple-light);
}

/* Active primary navigation item */
.md-nav--primary .md-nav__item--active > .md-nav__link {
  color: var(--obsidian-purple);
  font-weight: 600;
}

[data-md-color-scheme="slate"] .md-nav--primary .md-nav__item--active > .md-nav__link {
  color: var(--obsidian-purple-light);
  font-weight: 600;
}

/* Table of Contents links - Obsidian purple on hover and active */
.md-nav--secondary .md-nav__link:hover {
  color: var(--obsidian-purple);
}

[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link:hover {
  color: var(--obsidian-purple-light);
}

/* Active/current TOC item - purple */
.md-nav--secondary .md-nav__link--active,
.md-nav--secondary .md-nav__item--active > .md-nav__link {
  color: var(--obsidian-purple);
  font-weight: 600;
}

[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__item--active > .md-nav__link {
  color: var(--obsidian-purple-light);
  font-weight: 600;
}

.md-post__title {
  font-family: Roboto Mono;
}

.md-profile__description {
  font-family: Roboto Mono;
}

/* Tags */

/* .md-typeset .md-tag {
  background-color: #586e75;
} */


/* Headings & Content */

.md-typeset h1 {
  font-family: Mogra;
  font-weight: 100;
  /* font-size: 42px; */
}

.md-typeset h2 {
  font-family: Roboto Mono;
  /* font-weight: 500; */
  /* font-style: bold; */
  /* font-weight: 400; */
}

.md-main { 
  font-family: Noto Sans;
}

p {
  font-family: Noto Sans;
}

.md-button.md-button--primary {
  background-color: #6c31e3;
  border-color: #6c31e3;
  transition: background-color 0.2s ease;
  /* border-radius: 8px; */
}

.md-button.md-button--primary:hover {
  background-color: #8b5cf6;
  border-color: #8b5cf6;
}

/* .md-button {
  border-radius: 8px;
} */

/* Brighter button text in dark mode */
[data-md-color-scheme="slate"] .md-button {
  color: #ffffff;
}

[data-md-color-scheme="slate"] .md-button.md-button--primary {
  color: #ffffff;
}



/* Custom page statuses */

.md-status--draft::after {
  mask-image: var(--md-status--draft);
  -webkit-mask-image: var(--md-status--draft);
}

.md-status--deprecated::after {
  mask-image: var(--md-status--deprecated);
  -webkit-mask-image: var(--md-status--deprecated);
}

.md-status--verified::after {
  mask-image: var(--md-status--verified);
  -webkit-mask-image: var(--md-status--verified);
}


/* Custom admonitions */

.md-typeset .admonition {
  border-radius: 8px;
}

[dir=ltr] .md-typeset .admonition-title, [dir=ltr] .md-typeset summary {
  border-radius: 8px 8px 0px 0px;  
}

/* tutorials */

.md-typeset .admonition.tutorial,
.md-typeset details.tutorial {
  border-color: rgb(203, 75,	22);
}
.md-typeset .tutorial > .admonition-title,
.md-typeset .tutorial > summary {
  background-color: rgba(203, 75,	22, 0.1);
}
.md-typeset .tutorial > .admonition-title::before,
.md-typeset .tutorial > summary::before {
  background-color: rgb(203, 75,	22);
  -webkit-mask-image: var(--md-admonition-icon--tutorial);
          mask-image: var(--md-admonition-icon--tutorial);
}

/* how-to's */

.md-typeset .admonition.how-to,
.md-typeset details.how-to {
  border-color: rgb(133,	153,	0);
}
.md-typeset .how-to > .admonition-title,
.md-typeset .how-to > summary {
  background-color: rgba(133,	153,	0, 0.1);
}
.md-typeset .how-to > .admonition-title::before,
.md-typeset .how-to > summary::before {
  background-color: rgb(133,	153,	0);
  -webkit-mask-image: var(--md-admonition-icon--how-to);
          mask-image: var(--md-admonition-icon--how-to);
}

/* reference */

.md-typeset .admonition.reference,
.md-typeset details.reference {
  border-color: rgb(38,	139,	210);
}
.md-typeset .reference > .admonition-title,
.md-typeset .reference > summary {
  background-color: rgba(38,	139,	210, 0.1);
}
.md-typeset .reference > .admonition-title::before,
.md-typeset .reference > summary::before {
  background-color: rgb(38,	139,	210);
  -webkit-mask-image: var(--md-admonition-icon--reference);
          mask-image: var(--md-admonition-icon--reference);
}

/* explanation */

.md-typeset .admonition.explanation,
.md-typeset details.explanation {
  border-color: rgb(108,	113,	196);
}
.md-typeset .explanation > .admonition-title,
.md-typeset .explanation > summary {
  background-color: rgba(108,	113,	196, 0.1);
}
.md-typeset .explanation > .admonition-title::before,
.md-typeset .explanation > summary::before {
  background-color: rgb(108,	113,	196);
  -webkit-mask-image: var(--md-admonition-icon--explanation);
          mask-image: var(--md-admonition-icon--explanation);
}


/* Video styles */

.center {
  display: block;
  margin: 0 auto;
}

.video{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
}

/* Set all images to have a small border radius */

img {
  border-radius: 8px;
}


/* Banner with text overlay */

.banner {
  position: relative;
  height: 256px;
  background-image: url();
  background-size: cover;
  /* background-size: 100% 100%; */
  color: white;
  text-align: left;
  border-radius: 8px;
  /* overflow: auto; */
}
.banner-title {
  font-family: "Rokkit";
  font-size: 50px;
  padding: 32px 32px 0 32px;
  text-wrap: balance;
  text-shadow: 1px 1px 8px black;
}
.banner-text {
  font-family: "Inter";
  font-size: 8px;
  padding: 32px;
  text-wrap: balance;
}

.model{
  width: 100%;
  height: 58px;
  border-radius: 8px;
  /* border-style: solid;
  border-width: 1px;
  border-color: #00212b; */
  /* box-shadow: 0 0 8px rgba(0,0,0,0.18); */
}


/* Custom grid cards */

.grid-container {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-gap: 40px;
}
.cards{
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(16rem, 1fr));
  grid-gap: 32px;
}
.card{
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  border-style: solid;
  background-size: cover;
  border-width: 1px;
  border-color: #A88BFA;
  box-shadow: 0 0 8px rgba(168, 139, 250, 0.15);
  transition: all 0.2s ease;
}

.card:hover {
  border-color: #6c31e3;
  box-shadow: 0 4px 20px rgba(108, 49, 227, 0.25);
  transform: translateY(-2px);
}
.card-container{
  position: relative;
  padding: 30px 0 20px 0;
  /* clip-path: polygon(0 0,100% 0, 100% 85%, 0 100%); */
}
.card-image{
  /* width: 100%; */
  display: block;
  margin : auto;
  border-radius: 8px;  
}
.card-container:after{
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px 20px 0 0;
  opacity: 0.7;
}
.card-details{
  padding: 0 20px 20px 20px;
}
.card-details>h3{
  font-weight: 600;
  /* font-size: 24px; */
  margin: 0 0 -10px 0;
}
.card-details>p{
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 10px 0 -2px 0;
}


/* Fonts */


@font-face {
  font-family: 'Mogra';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mogra/v21/f0X40eSs8c95TCo_BPM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v14/aFTT7PB1QTsUX8KYth-orYadb435.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v14/aFTT7PB1QTsUX8KYth-o9Yedb435.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v14/aFTR7PB1QTsUX8KYvrGyEYOtbQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v14/aFTU7PB1QTsUX8KYthqQBA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v14/aFTR7PB1QTsUX8KYvumzEYOtbQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Mogra';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mogra/v21/f0X40eSs8c95TCo_BPM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v14/aFTW7PB1QTsUX8KYth-gBqSI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v39/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7du3mnPyxVig.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/notosans/v39/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuXOmHSl1igg0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/robotomono/v23/L0x7DF4xlVMF-BfR8bXMIjhOm32WWg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/robotomono/v23/L0x5DF4xlVMF-BfR8bXMIjhLq38.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}