.page {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
  position: relative;
  border-right: 2px solid #fafafa;
  min-height: 650px;
}

#content {
  padding: 0;
}

.open-sans {
  font-family: 'Open Sans', sans-serif;
}

.c-4a4a4a {
  color: #4a4a4a;
}

.sidebar .active:after {
  position: absolute;
  width: 2px;
  top: 0;
  right: -1.125rem;
  height: 100%;
  content: ' ';
}

.sidebar-link,
.sidebar-link:visited {
  color: #777;
  text-decoration: none;
}

.sidebar-link.active,
.sidebar-link.active:visited {
  color: #0990FC;
  text-decoration: none;
}

.sidebar-container {
  width: 218px;
}

.topic,
.topic:visited {
  color: #000;
  display: block;
  text-decoration: none;
}

.active,
.active .sidebar-link,
.active.topic,
.active.topic:visited {
  position: relative;
  color: #0990FC;
}

.usn {
  user-select: none;
}

.languages {
  border-bottom: 2px solid #f3f3f3;
}

.languages .active:after {
  position: absolute;
  height: 2px;
  max-width: 100%;
  left: 0;
  bottom: -1.125rem;
  content: ' ';
  border-bottom: 2px solid #0990FC;
}

.bash {
  padding: 10px;
  border: 2px solid #f3f3f3;
}

.bash:before {
  content: '$ ';
  color: #0990FC;
}

.markdown {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.5;
}

.markdown .header-1 {
  margin: 2rem -2rem 0 -2rem;
  font-size: 1rem;
  text-align: center;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 7px;
  border-top: 2px solid #fafafa;
  border-bottom: 2px solid #fafafa;
  text-transform: uppercase;
}

.markdown .header-1:first-child {
  margin-top: 0;
}

.markdown .header-2 {
  margin: 1rem 0;
  font-weight: 400;
  font-size: 1.3rem;
  text-align: left;
}

.markdown .header-3 {
  margin-top: 1rem;
  font-size: 1.1rem;
  text-align: left;
}

.markdown>p>img {
  display: block;
  max-width: 100%;
}

.markdown>p>code {
  text-align: left;
  background: #FFFBCC;
  border-radius: 3px;
  padding: 4px 7px;
  font-size: 0.9rem;
}

.markdown code,
.markdown pre {
  white-space: pre-wrap;
  /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  word-break: break-all;
  /* Webkit */
}

.markdown code {
  max-width: 100%;
  overflow-x: scroll;
  -webkit-overflow-scroll: touch;
}

.markdown>ul {
  list-style: none;
  padding-left: 1rem;
}

.markdown>ul>li {
  padding: .8rem;
  text-indent: -1rem;
  text-align: left;
}

.markdown>ul>li:before {
  content: '■';
  padding-right: 1rem;
  color: #000;
}

.markdown a {
  font-weight: bold;
  color: #0990FC;
}

.markdown>table {
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 2px solid #f3f3f3;
  border-bottom: 2px solid #f3f3f3;
}

.markdown>table>tbody>tr {
  border-top: 2px solid #f3f3f3;
  padding: 20px 5px;
}

.markdown>table>tbody>tr>td,
.markdown>table>thead>tr>th {
  padding: 20px;
}

.markdown>table>tbody>tr>td {
  word-break: break-all;
}

.lang {
  text-align: left;
  white-space: pre-wrap;
  display: block;
  font-size: .9rem;
  padding: 20px;
  background: #f7f9fc;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

.lang.language-curl {
  display: none;
}

.markdown[data-language="curl"] .lang.language-curl {
  display: block;
}

.lang.language-jquery {
  display: none;
}

.markdown[data-language="jquery"] .lang.language-jquery {
  display: block;
}

.lang.language-nodejs {
  display: none;
}

.markdown[data-language="nodejs"] .lang.language-nodejs {
  display: block;
}

.lang.language-ruby {
  display: none;
}

.markdown[data-language="ruby"] .lang.language-ruby {
  display: block;
}

.lang.language-python {
  display: none;
}

.markdown[data-language="python"] .lang.language-python {
  display: block;
}

.sidebar-list {
  padding: 0;
}

.hamburger {
  cursor: pointer;
}

.desktop {
  display: block;
}

.mobile {
  display: none;
}

.language-tab-divider {
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width: 600px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  .language-tab,
  .language-tab-divider {
    font-size: 12px;
  }
  .language-tab-divider {
    padding-left: 0;
    padding-right: 0;
  }
  .sidebar-list {
    text-align: center;
  }
}


/**
 * Theme
 */


/*
Atom One Light by Daniel Gamage
Original One Light Syntax theme from https://github.com/atom/one-light-syntax
base:    #fafafa
mono-1:  #383a42
mono-2:  #686b77
mono-3:  #a0a1a7
hue-1:   #0184bb
hue-2:   #4078f2
hue-3:   #a626a4
hue-4:   #50a14f
hue-5:   #e45649
hue-5-2: #c91243
hue-6:   #986801
hue-6-2: #c18401
*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #383a42;
  background: #fafafa;
}

.hljs-comment,
.hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #a626a4;
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #50a14f;
}

.hljs-built_in,
.hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #E65544;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
  text-align: left;
}

.markdown pre {
  margin: 0;
}

.markdown table {
  max-width: 100%;
}

.hide {
  display: none !important;
}