@import url(https://fonts.googleapis.com/css?family=Space+Mono:regular,italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900);

:root {
  --vp-c-brand: #a752fc;
  --vp-c-brand-light: #a040ff;
  --vp-c-brand-lighter: rgba(162, 23, 255, 0.25);
  --vp-c-brand-dark: #8612fa;
  --vp-c-brand-darker: #7b0fe7;
  --secondary: #dddddd;
  --tertiary: #fafafa;
  --vp-c-sponsor: #fd1d7c;

  --vp-font-family-base: "Inter", "Inter var experimental", "Inter var",
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
    Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --vp-font-family-mono: "Space Mono", Menlo, Monaco, Consolas, "Courier New",
    monospace;

  --vp-nav-height: var(--vp-nav-height-mobile);
  --vp-nav-height-mobile: 56px;
  --vp-nav-height-desktop: 82px;
  --vp-sidebar-width: 250px;
}

.dark {
  --secondary: #333333;
  --tertiary: #222222;
}

table {
  max-width: 80%;
  margin: 2.5rem auto 0;
  border: 1px solid var(--secondary);
  width: 100%;
  overflow-x: auto;
}

table thead tr {
  font-size: 1rem;
  border: 1px solid var(--secondary);
  background-color: var(--tertiary);
}

table tbody tr td {
  border: 1px solid var(--secondary);
  padding: 1rem;
  text-align: center;
}

table * a {
  text-decoration: underline;
}

table * a:hover {
  color: var(--vp-c-brand);
}

@media (min-width: 960px) {
  :root {
    --vp-nav-height: var(--vp-nav-height-desktop);
  }
}
