@font-face {
    font-family: 'IBM Plex Mono Regular';
    src: url(/assets/fonts/IBMPlexMono-Regular.ttf);
}

@font-face {
    font-family: 'IBM Plex Mono Italic';
    src: url(/assets/fonts/IBMPlexMono-Italic.ttf);
}

body {
  background: #2c2f34;
  color: #f2f2f2;
  font-family: 'IBM Plex Mono', monospace;
}

img {
  display: block;
  margin: auto;
}

.navigation .title,
.navigation-title {
  color: #f2f2f2;
}

.navigation {
  background: #34373c;
  border-bottom: 0.1rem solid #1b1c1d;
}

.header {
  background-color: #141518;
  margin-left: auto;
  margin-right: auto;
}

pre {
  background: #141518;
}

.prettyprint {
  color: #f2f2f2;
}

.prettyprint.lang-md * {
  color: #f2f2f2 !important;
}

code {
  background: #141518;
}

.prettyprint .atv {
  color: rgba(73, 158, 223, 1);
}

h1 {
    text-align: center;
}

generate {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem;
}

iframe:fullscreen {
    z-index: 2;
}

button {
     font-size: 2rem;
}

main:has(iframe) {
    padding-bottom: 720px;
}
