@use "./base.scss";

// put your custom CSS here!
div.center .popover-hint ul.tags {
  display: none;
}

div.page-listing ul.tags {
  flex-wrap: nowrap;
}

.folder-container {
  border-radius: 5%;
  padding: 2%;
  margin-top: 3%;
  margin-bottom: 3%;
  border: 3px solid var(--gray);
}

.folder-outer.open ul.content li > a {
  color: var(--darkgray);
}

.page-title h2, .page-title h2 > a {
  font-size: clamp(24pt, 32pt, 48pt);
  color: var(--tertiary);
  text-shadow: 0 0 15px var(--tertiary);
}

.page-title h2 > a:hover {
  text-shadow: 0 0 30px var(--tertiary);
}

article.popover-hint p, article.popover-hint span {
  font-size: clamp(9pt, 15pt, 20pt);
}

article.popover-hint ol > li {
  font-size: clamp(9pt, 13pt, 15pt);
}

blockquote.callout.quote {
  background-color: var(--light);
  color: var(--darkgray);
  border: 2px solid var(--dark);
}

pre[data-language] {
  background-color: #0C1911;
  color: #46F953;
  border: 0 none transparent;
}