/*! purgecss start ignore */

/* Prism Plugins */

  
  
  

  
  
  
  /*prismjs/plugins/toolbar/prism-toolbar.css*/
    @import "prismjs/plugins/toolbar/prism-toolbar.css";
  

  
  
  

  
  
  
  /*prismjs/plugins/line-numbers/prism-line-numbers.css*/
    @import "prismjs/plugins/line-numbers/prism-line-numbers.css";
  

  
  
  
  /*prismjs/plugins/command-line/prism-command-line.css*/
    @import "prismjs/plugins/command-line/prism-command-line.css";
  

  
  
  
  /*prismjs/plugins/diff-highlight/prism-diff-highlight.css*/
    @import "prismjs/plugins/diff-highlight/prism-diff-highlight.css";
  


/* Prism Font */
code,
kbd,
code[class*="language-"],
pre[class*="language-"] {
  font-family: var(--font-monospace);
}

/*! purgecss end ignore *//*
  Bootstrap 5 breakpoints
  See: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints
*/
@custom-media --sm (min-width: 576px);
@custom-media --md (min-width: 768px);
@custom-media --lg (min-width: 992px);
@custom-media --xl (min-width: 1200px);
@custom-media --xxl (min-width: 1400px);
footer {
  align-items: center;
  color: var(--fg3);
  display: flex;
  font-family: var(--font-monospace);
  font-size: 0.8rem;
  justify-content: center;
  padding-bottom: 0.5rem;
  padding-top: 2rem;
  text-align: center;
}
.pagination {
  display: flex;
  margin-top: 2rem;
}

.pagination__button {
  color: var(--primary-alt);
  font-family: var(--font-monospace);
  font-size: 1.125rem;
}

.pagination__button:hover {
  color: var(--primary);
}

.pagination__button--next {
  margin-left: auto;
}
.jr-basics__image {
  overflow: visible;
  border-radius: 0%;
}

audio {
    width: 100%;
}

.pc {
  font-weight: bold;
}