/*! (c) Mark Battistella | @markbattistella */
:root {
  --emoji-size: calc(1.3 * 1em);
  --mb-colour: #e24815
}

body {
  background-color: #111;
  overflow-y: scroll
}

::-webkit-scrollbar-track { display: none; }
::-webkit-scrollbar { display: none; }
::-webkit-scrollbar-track { display: none; }
::-webkit-scrollbar-thumb { display: none; }
.sidebar-toggle,
.github-corner {
  display: none
}


a {
  text-decoration-line: underline;
  text-decoration-style: dotted !important;
  text-decoration-color: rgba(255, 255, 255, 0.6) !important;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700
}

h1 {
  font-size: 3em !important
}

h2 {
  font-size: 2em !important
}

h3, h4, h5, h6 {
  font-size: 1.4em !important
}

article#main a {
  font-weight: 700
}

img {
  margin-bottom: 1em
}

pre {
  background-color: rgba(255, 255, 255, 0.1) !important;
  margin: 2em 0 !important
}

pre,
pre code {
  tab-size: 4 !important
}

img {
  border-radius: 2em;
}

.markdown-section blockquote {
  border-radius: 1em;
  border-left-width: 1em;
}

.video-wrapper {
  position: relative;
  aspect-ratio:var(--aspect-ratio, 16 / 9)
}

.video-wrapper iframe, .video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:100%
}