@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700|Abril+Fatface&display=swap");
@import url("https://fonts.googleapis.com/css?family=EB+Garamond&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif&subset=latin,latin-ext&display=swap");
html {
  font-family: "PT Sans", Helvetica, Arial, sans-serif;
}

body {
  color: #979786;
  background-color: #000000;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "EB Garamond", serif;
  color: #aaa;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-family: "EB Garamond", serif;
  color: #50585D;
  font-kerning: auto;
  font-feature-settings: "kern", "liga", "dlig", "hlig", "cswh";
  font-synthesis: weight style;
}

a {
  color: #ffeb99;
  transition: color ease 0.3s;
}

a:hover {
  color: #caad00;
}

strong, b {
  color: #979776;
}

/* Code */
code {
  font-size: 0.75rem;
  color: #993030;
  white-space: pre-wrap;
  background-color: #222;
}

pre {
  background-color: #222;
}

pre {
  white-space: pre;
  overflow: auto !important;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: rgba(235, 242, 246, 0.29) 1px solid;
  margin: 1.2em 0;
  padding: 0;
}

blockquote {
  color: #666;
  border-left: 0.25rem solid #333;
}

td,
th {
  padding: 0.25rem 0.5rem;
  border: 1px solid #333;
}

tbody tr:nth-child(odd) td,
tbody tr:nth-child(odd) th {
  background-color: #222;
}

#fm img {
  vertical-align: middle;
  margin: 0px 10px;
}

/* Thin Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-button {
  width: 8px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: #333;
  border: thin solid #111;
  /*box-shadow: 0px 0px 3px #111 inset;*/
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #222;
  border: thin solid #222;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #7d7d7d;
}

/* sidebar */
.sidebar {
  text-align: center;
  padding: 1rem 1rem;
  color: rgba(255, 255, 255, 0.5);
  background-color: #000;
  overflow: auto;
}

@media (min-width: 48em) {
  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 18rem;
    text-align: left;
  }
}
/* Sidebar links */
.sidebar a {
  color: #caad00;
}

/* About section */
.sidebar-about h1 {
  color: #caad00;
  margin-top: 0;
  font-family: "Noto Serif", serif;
  font-size: 2.25rem;
}

.sidebar-about p {
  padding-bottom: 1rem;
  border-bottom: 1px solid #caad00;
}

/* Sidebar nav */
.sidebar-nav {
  margin-bottom: 1rem;
}

.sidebar-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: #000;
}

.sidebar-nav li a {
  display: block;
  color: #979DA5;
  padding: 8px 0 8px 16px;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Change the link color on hover */
.sidebar-nav li a:hover {
  background-color: #222;
  color: #caad00;
  border-left: 2px solid #caad00;
}

.sidebar-nav ul ul li a {
  display: block;
  color: #979DA5;
  padding: 8px 0 8px 40px;
  text-decoration: none;
}

.active {
  color: #caad00;
}

.social-button {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #caad00;
}

.social-button a {
  text-decoration: none;
}

/*content */
.content {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.post-date {
  color: #979DA5;
  font-family: "Noto Serif", serif;
  font-size: 0.75rem;
}

.post-desc {
  border-bottom: 1px solid #666666;
}

@media (min-width: 48em) {
  .content {
    max-width: 38rem;
    margin-left: 20rem;
    margin-right: 2rem;
  }
}
@media (min-width: 64em) {
  .content {
    margin-left: 22rem;
    margin-right: 4rem;
  }
}
.footer {
  margin-top: 4rem;
  padding-top: 1rem;
  border-top: 5px solid #caad00;
}

/*# sourceMappingURL=main.css.map */