/* css styles */
h1,
h2,
h3,
h4,
h5 {
  font-family: "SpaceMono" !important;
  opacity: 0.9;
  /* text-shadow: magenta -.15rem -.15rem !important; */
  font-size: 2.5rem !important;
  text-shadow: rgba(255, 0, 255, .9) 0 0 .5em !important;
}

body section {
  font-family: "AtkinsonHyperLegible" !important;
}

.title .subtitle {
  text-align: center;
}

.scrollable {
  scrollbar-color: black #333 !important;
  scrollbar-width: thin !important;
  overflow: auto;
}

code {
  font-family: "SyneMono" !important;
  font-size: larger !important;
}

.reveal div.sourceCode {
  margin: 1em 0 !important;
  font-size: larger;
  border: 1px solid magenta;
  border-radius: 4px;
  box-shadow: .1em .1em magenta;
  scrollbar-color: black #333 !important;
  scrollbar-width: thin !important;
}

/* dark bg fix */
div.callout-title > p {
  color: white;
}

.victor {
  font-family: "VictorMono" !important;
}

.centering {
  text-align: center;
  margin: 0 auto;
}

.centering-flex {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.right {
  display: flex;
  align-items: right;
  justify-content: right;
}

.sc {
  font-variant: small-caps;
}

.larger {
  font-size: 2rem;
}

.smaller {
  font-size: smaller;
}

.smallest {
  font-size: x-small;
}

.packetLabel {
  fill: #e0dfdf;
  font-size: 12px;
}

text.packetLabel {
  font-family: VictorMono;
  font-size: xx-large !important;
  font-weight: bolder;
}

img.print, svg.print {
  /* display: block; */
  max-width: 100%;
  max-height: 80vh !important;
  object-fit: scale-down;
}

.contain {
  object-fit: contain;
  text-align: right;
}

@font-face {
  font-family: "AtkinsonHyperlegible";
  src: url("res/font/WOFF/Atkinson-Hyperlegible-Regular-102.woff") format("woff");
}

@font-face {
  font-family: "AtkinsonHyperlegible";
  src: url("res/font/WOFF/Atkinson-Hyperlegible-Bold-102.woff") format("woff");
  font-weight: bold;
}

@font-face {
  font-family: "AtkinsonHyperlegible";
  src: url("res/font/WOFF/Atkinson-Hyperlegible-BoldItalic-102.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "AtkinsonHyperlegible";
  src: url("res/font/WOFF/Atkinson-Hyperlegible-Italic-102.woff") format("woff");
  font-style: italic;
}

@font-face {
  font-family: "SpaceMono";
  src: url("res/font/WOFF/SpaceMono-Regular-webfont.woff") format("woff");
}

@font-face {
  font-family: "SpaceMono";
  src: url("res/font/WOFF/SpaceMono-Bold-webfont.woff") format("woff");
  font-weight: bold;
}

@font-face {
  font-family: "SpaceMono";
  src: url("res/font/WOFF/SpaceMono-BoldItalic-webfont.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "SpaceMono";
  src: url("res/font/WOFF/SpaceMono-Italic-webfont.woff") format("woff");
  font-style: italic;
}

@font-face {
  font-family: "SyneMono";
  src: url("res/font/WOFF/SyneMonoRegular.woff2") format("woff");
}

@font-face {
  font-family: "VictorMono";
  src: url("res/font/WOFF/VictorMono-Regular.woff2") format("woff");
}

@font-face {
  font-family: "VictorMono";
  src: url("res/font/WOFF/VictorMono-Italic.woff2") format("woff");
  font-style: italic;
}