body {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
}

.site-header {
  background-color: var(--cds-global-color-blue-900);
  color: var(--cds-global-color-gray-0);
  margin: 0;
  padding: 0px;
}

.footer {
  background: var(--cds-global-color-gray-0);
  color: var(--cds-global-color-gray-700);
  -webkit-box-shadow: 0 0.05rem 0 hsl(198, 0%, 70%) inset;
  box-shadow: 0 0.05rem 0 hsl(198, 0%, 70%) inset;
}

.sidenav {
  /**
    -webkit-box-shadow: -0.05rem 0 0 rgb(0 0 0 / 20%) inset;
    box-shadow: -0.05rem 0 0 rgb(0 0 0 / 20%) inset;
  **/
    margin: 0px;
}

.highlight div,
.highlight pre {
  overflow-x: auto;
}

.btn-facebook-share {
  --background: #1877F2;
  --border-width: 0.15rem;
  --border-radius: 0.4rem;
  --padding-vertical: 0.9rem;
  --padding-horizontal: 1rem;
  --height: 1rem;
}

.btn-facebook-:hover {
  --background-color: #2d4373;
}

.btn-twitter-share {
  --background: #1DA1F2;
  --border-width: 0.15rem;
  --border-radius: 0.4rem;
  --padding-vertical: 0.9rem;
  --padding-horizontal: 1rem;
  --height: 1rem;
}

.btn-twitter-share:hover {
  --background-color: #2795e9;
}

.btn-reddit-share {
  --background: #FF4500;
  --border-width: 0.15rem;
  --border-radius: 0.4rem;
  --padding-vertical: 0.9rem;
  --padding-horizontal: 1rem;
  --height: 1rem;
}

.btn-reddit-share:hover {
  --background-color: #3A80C1;
}

.btn-linkedin-share {
  --background: #0A66C2;
  --border-width: 0.15rem;
  --border-radius: 0.4rem;
  --padding-vertical: 0.9rem;
  --padding-horizontal: 1rem;
  --height: 1rem;
}

.btn-linkedin-share:hover {
  --background-color: #046293;
}

.btn-email-share {
  --background: #777;
  --border-width: 0.15rem;
  --border-radius: 0.4rem;
  --padding-vertical: 0.9rem;
  --padding-horizontal: 1rem;
  --height: 1rem;
}

.btn-email-share:hover {
  --background-color: #5e5e5e;
}


.logo {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.nav-ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 100%;
}

.nav-ul li:hover {
  background-color: var(--cds-global-color-blue-1000);
  border-radius: 5px;
}

.nav-ul li a p {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  color: var(--cds-global-color-gray-0);
  height: 100%;
}

.nav-hamburger {
  display: none;
}

@media screen and (max-width: 1100px) {
  .nav-hamburger {
    display: block;
  }

  .nav-ul {
    display: none;
    width: 100%;
    flex-direction: column;
  }

  .nav-ul.show {
    display: flex;
  }

  .nav-ul li a p {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: none;
    color: var(--cds-global-color-gray-0);
    width: 100%;
  }
}