html {
  --top-spacing: 54px; }

#mySidenav {
  scroll-padding-top: -54px;
  margin: - var(--top-spacing) auto; }

body {
  scroll-padding-top: var(--top-spacing);
  margin: var(--top-spacing) auto; }

thead {
  background-color: gray;
  color: #fff; }

p img {
  width: 100%; }

@media (max-width: 992px) {
  html {
    --top-spacing: 0; } }

.hljs {
  background: #232e42;
  cursor: pointer; }
/* for block of numbers */
.hljs-ln-numbers {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  color: #ccc;
  border-right: 1px solid #ccc;
  vertical-align: top;
  padding-right: 5px;
  /* your custom style here */ }
/* for block of code */
.hljs-ln-code {
  padding-left: 10px;
  padding-right: 10px; }

.hljs-ln td {
  padding-left: 10px;
  padding-right: 10px; }

.hljs-ln-n:before {
  content: attr(data-line-number);
  color: #595f6b; }

.hljs-ln-numbers {
  border-right: 0px solid #ccc; }
