@import '~bootstrap/dist/css/bootstrap.css';
@import 'variables.scss';

html {
  font-size: 16px;
}

body {
  background: $syntax-bg;
  font-size: 1rem;
}

pre {
  border: 0;
  background: transparent;
}

code {
  padding: 0;
  background: transparent;
  color: $hue-3;
  a & {
    padding: 0;
    color: inherit !important;
  }
}

section {
  margin-bottom: 2rem;
}

h1,
h2,
h3,
h4,
h5 {
  margin-bottom: 2rem;

  & > a,
  & > a:hover {
    color: inherit;
  }
}

// https://twitter.com/hakimel/status/1257252729128435712?s=20
// https://twitter.com/bramus/status/1257255545897132032?s=20
:target {
  scroll-margin-top: 4rem;
}
