@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(11pt, 13pt, 18pt);
}

article.popover-hint ol > li {
  font-size: clamp(10pt, 14pt, 16pt);
}

article.popover-hint p > img {
  display: block;
  margin: 0 auto;
  max-width: 50%;
}

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;
}