@import url('highlighting.css');

p code {
  /*background: #FDAC53;*/
  background-color: rgba(253, 172, 83, 0.8);
  padding: 1px 6px;
  color: #282D3C;
}

.navbar {
  font-weight: 700;
  display:block;
  height: 3rem;
  background-color: #282D3C;
}


.navbar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.navbar li {
    display: inline;
    float: left;
}

.nav-strip li a {
  display: inline-block;
  padding: 14px 16px;
}

.nav-strip {
  text-align: center;
  width: 100%;
}

.socials-strip li a {
  display: inline-block;
}

a {
  text-decoration: none;
  color: #FDAC53;
}

.nav-strip a:hover {
  background-color: #FDAC53;
  color: #282D3C;
}

.socials-strip a:hover svg {
  background-color: #FDAC53;
  fill: #282D3C;
}

.socials-strip {
/*  left: 0;
  bottom: 0;*/
  width: 100%;
/*  text-align: center;*/
  background-color: #282D3C;
/*  position: fixed;*/
  display: block;
  height: 3rem;
}

.footer a, .footer p {
  color: #FDAC53;
  text-decoration: none;
}


html, body { margin:0; padding:0 }

body {
/*  background-color: #EDF1FF; */
  background-color: #282D3C;
  font-family: monospace;
  color: white;
}

.content-container {
  max-width: 864px;
  margin-bottom: 4rem;
  margin: auto;
}

.content-container::after {
  clear:both;
  content: "";
  display: block;
}

.content {
  padding: 14px 16px;
  line-height: 1.54;
}

.content a {
  text-decoration: underline;
}

.post-block {
  margin-bottom: 1rem;
}

.social-icon svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  padding: 14px 16px;
  text-align: center;

}

.social-icon svg {
  fill: #FDAC53;
}

.socials-strip ul {
  list-style: none;
  padding: 0;
  margin: 0;

}

.socials-strip li {
    display: inline;
}

blockquote {
  border-left: 3px solid rgba(253, 172, 83, 0.4);
  background-color: rgba(253, 172, 83, 0.05);
  margin: 1.5rem 0;
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.85);
  font-style: italic;
}

details.speaker-notes {
  border-left: 3px solid rgba(253, 172, 83, 0.4);
  background-color: rgba(253, 172, 83, 0.05);
  margin: 1.5rem 0;
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.6);
  font-style: italic;
  font-size: 0.9em;
}

details.speaker-notes summary {
  cursor: pointer;
  color: rgba(253, 172, 83, 0.6);
  font-style: normal;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

details.speaker-notes summary:hover {
  color: #FDAC53;
}

details.speaker-notes[open] summary {
  margin-bottom: 0.75rem;
}