@import url("//fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  src: url("font/fontawesome-webfont.eot?#iefix") format('embedded-opentype'), url("font/fontawesome-webfont.woff") format('woff'), url("font/fontawesome-webfont.ttf") format('truetype'), url("font/fontawesome-webfont.svg#FontAwesomeRegular") format('svg');
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  background: #1a1a1a;
  color: #e0e0e0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 1260px) {
  body {
    margin: 0 30px;
  }
}
@media screen and (max-width: 600px) {
  body {
    font-size: 15px;
    margin: 0 15px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Inter", "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.3;
  color: #f5f5f5;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
h1 {
  font-size: 2.25em;
  font-weight: 700;
  letter-spacing: -0.02em;
}
h2 {
  font-size: 1.75em;
  font-weight: 600;
}
h3 {
  font-size: 1.4em;
  font-weight: 600;
}
h4 {
  font-size: 1.2em;
  font-weight: 500;
}
h5,
h6 {
  font-size: 1em;
  font-weight: 500;
}
a {
  text-decoration: none;
  color: #4a9eff;
  -webkit-transition: color 0.15s ease;
  -moz-transition: color 0.15s ease;
  -o-transition: color 0.15s ease;
  -ms-transition: color 0.15s ease;
  transition: color 0.15s ease;
}
a:hover {
  color: #6bb3ff;
  text-decoration: none;
}
a:focus {
  outline: 2px solid #4a9eff;
  outline-offset: 2px;
  border-radius: 2px;
}
.alignleft {
  float: left;
  margin-right: 20px;
}
.alignright {
  float: right;
  margin-left: 20px;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.inner {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1260px) {
  .inner {
    width: 100%;
  }
}
#main-col {
  width: 900px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 1260px) {
  #main-col {
    width: 100%;
    margin-right: -300px;
  }
}
@media screen and (max-width: 900px) {
  #main-col {
    margin-right: 0;
    float: none;
    width: 100%;
  }
}
#content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 900px) {
  #content {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 1260px) {
  #wrapper {
    margin-right: 300px;
  }
}
@media screen and (max-width: 900px) {
  #wrapper {
    margin-right: 0;
  }
}
mjx-container {
  overflow-x: auto;
  white-space: nowrap;
  display: block;
  max-width: 100%;
  margin: 20px 0;
}
#header {
  text-shadow: none;
  margin: 60px auto 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #333;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  #header {
    margin: 40px auto 40px;
    gap: 10px;
  }
}
@media screen and (max-width: 900px) {
  #header {
    padding-bottom: 20px;
  }
}
#header a {
  color: #f5f5f5;
  -webkit-transition: color 0.15s ease;
  -moz-transition: color 0.15s ease;
  -o-transition: color 0.15s ease;
  -ms-transition: color 0.15s ease;
  transition: color 0.15s ease;
}
#header a:hover {
  color: #4a9eff;
  text-decoration: none;
}
#header .alignleft {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -o-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 900px) {
  #header .alignleft {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
  }
}
#header h1 {
  font-weight: 700;
  font-size: 2.75em;
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
  margin-top: 0;
}
@media screen and (max-width: 1000px) {
  #header h1 {
    font-size: 2em;
  }
}
@media screen and (max-width: 900px) {
  #header h1 {
    font-size: 1.75em;
  }
}
#header h2 {
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
  margin-top: 10px;
  color: #888;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
#header .menu-toggle {
  display: none;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  -o-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  width: 40px;
  height: 40px;
  background: #2a2a2a;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  padding: 8px;
  z-index: 1001;
  margin-left: auto;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -o-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  position: relative;
}
@media screen and (max-width: 900px) {
  #header .menu-toggle {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin-top: -20px;
  }
}
#header .menu-toggle span {
  width: 100%;
  height: 3px;
  background: #f5f5f5;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  position: relative;
}
#header .menu-toggle.active {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#header .menu-toggle.active span {
  position: absolute;
  top: 50%;
  left: 8px;
  width: calc(100% - 16px);
  margin-top: -1.5px;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
#header .menu-toggle.active span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header .menu-toggle.active span:nth-child(2) {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
#header .menu-toggle.active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#header #main-nav {
  font-family: "Inter", "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 2.5em;
  margin-top: 0;
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  float: none;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -o-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
@media screen and (max-width: 1000px) {
  #header #main-nav {
    margin-left: 20px;
  }
}
@media screen and (max-width: 900px) {
  #header #main-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: #1a1a1a;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin: 0;
    padding: 0;
    height: auto;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease, padding 0.3s ease;
    -moz-transition: max-height 0.3s ease, padding 0.3s ease;
    -o-transition: max-height 0.3s ease, padding 0.3s ease;
    -ms-transition: max-height 0.3s ease, padding 0.3s ease;
    transition: max-height 0.3s ease, padding 0.3s ease;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -o-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 1000;
  }
  #header #main-nav.active {
    max-height: 500px;
    padding: 20px 0;
  }
}
#header #main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 1000px) {
  #header #main-nav ul {
    gap: 10px;
  }
}
@media screen and (max-width: 900px) {
  #header #main-nav ul {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -o-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100%;
    gap: 0;
  }
}
#header #main-nav ul li {
  float: none;
  display: inline-block;
  margin-left: 40px;
}
@media screen and (max-width: 1000px) {
  #header #main-nav ul li {
    margin-left: 20px;
  }
}
@media screen and (max-width: 900px) {
  #header #main-nav ul li {
    margin: 0;
    display: block;
    border-bottom: 1px solid #333;
  }
  #header #main-nav ul li:last-child {
    border-bottom: none;
  }
}
#header #main-nav ul li:first-child {
  margin-left: 0;
}
#header #main-nav ul li a {
  font-weight: 500;
  font-size: 0.95em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 5px 0;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  #header #main-nav ul li a {
    font-size: 0.85em;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 900px) {
  #header #main-nav ul li a {
    display: block;
    padding: 20px 40px;
    border-bottom: none;
    font-size: 0.9em;
  }
  #header #main-nav ul li a:hover {
    background: #2a2a2a;
    border-bottom-color: transparent;
  }
}
#header #main-nav ul li a:hover {
  border-bottom-color: #4a9eff;
}
article {
  -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  background: #2a2a2a;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s ease, box-shadow 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease, box-shadow 0.3s ease;
  -o-transition: -o-transform 0.3s ease, box-shadow 0.3s ease;
  -ms-transition: -ms-transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
article:hover {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.4);
  box-shadow: 0 4px 16px rgba(0,0,0,0.4);
}
article.page .icon {
  display: none;
}
article.page .post-content {
  padding-left: 80px;
}
@media screen and (max-width: 600px) {
  article.page .post-content {
    padding-left: 20px;
  }
}
article.post .icon {
  display: none;
}
article.photo .icon {
  display: none;
}
article.link .icon {
  display: none;
}
article.link .title a:after {
  content: '\f08e';
  color: #888;
  font: 12px FontAwesome;
  padding-left: 10px;
  vertical-align: super;
}
article .post-content {
  padding: 40px 80px 35px 80px;
  margin-bottom: 60px;
  position: relative;
}
@media screen and (max-width: 600px) {
  article .post-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
article .gallery {
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}
article .gallery:hover .control {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
article .gallery img {
  min-width: 100%;
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
article .gallery .control {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
article .gallery .prev,
article .gallery .next {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  cursor: pointer;
  -webkit-transition: background 0.15s ease;
  -moz-transition: background 0.15s ease;
  -o-transition: background 0.15s ease;
  -ms-transition: background 0.15s ease;
  transition: background 0.15s ease;
}
article .gallery .prev:hover,
article .gallery .next:hover {
  background: rgba(0,0,0,0.1);
}
article .gallery .prev:before,
article .gallery .next:before {
  position: absolute;
  font: 24px/1 FontAwesome;
  text-align: center;
  width: 24px;
  text-shadow: 0 0 15px rgba(0,0,0,0.5);
  color: #fff;
  margin-top: -12px;
  top: 50%;
}
article .gallery .prev {
  left: 0;
}
article .gallery .prev:before {
  content: '\f053';
  left: 15px;
}
article .gallery .next {
  right: 0;
}
article .gallery .next:before {
  content: '\f054';
  right: 15px;
}
article header .icon {
  width: 36px;
  height: 36px;
  margin-right: 25px;
  position: absolute;
  top: 40px;
  left: 40px;
  color: #4a9eff;
}
@media screen and (max-width: 600px) {
  article header .icon {
    display: none;
  }
}
article header .icon:before {
  position: absolute;
  font: 32px FontAwesome;
  top: 0;
  left: 0;
  width: 32px;
  text-align: center;
}
article header time {
  color: #888;
  font: 0.9em "Inter", "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
  margin-bottom: 10px;
  display: block;
  line-height: 1.2;
  font-weight: 500;
}
article header .title {
  font-weight: 600;
  margin-bottom: 10px;
}
@media screen and (max-width: 900px) {
  article header .title {
    font-size: 1.6875em;
  }
}
article header .title a {
  color: #f5f5f5;
  -webkit-transition: color 0.15s ease;
  -moz-transition: color 0.15s ease;
  -o-transition: color 0.15s ease;
  -ms-transition: color 0.15s ease;
  transition: color 0.15s ease;
}
article header .title a:hover {
  color: #4a9eff;
  text-decoration: none;
}
article .entry {
  text-align: left;
  line-height: 1.8;
  color: #e0e0e0;
}
article .entry p,
article .entry blockquote,
article .entry ul,
article .entry ol,
article .entry dl,
article .entry table,
article .entry iframe,
article .entry h3,
article .entry h4,
article .entry h5,
article .entry h6,
article .entry .video-container {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
article .entry p {
  margin-bottom: 1.2em;
}
article .entry table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border: 1px solid #333;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
article .entry table th {
  white-space: nowrap;
  color: #f5f5f5;
  font-weight: 600;
  background: #1a1a1a;
  padding: 12px 16px;
}
article .entry table td,
article .entry table th {
  border: 1px solid #333;
  padding: 12px 16px;
  text-align: left;
}
article .entry table tr:nth-child(even) {
  background: rgba(255,255,255,0.02);
}
article .entry figure.highlight table {
  border: none;
  width: auto;
  border-collapse: separate;
}
article .entry blockquote {
  border-left: 4px solid #4a9eff;
  background: rgba(74,158,255,0.05);
  font-style: italic;
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 1.1em;
  padding: 20px 40px;
  margin: 20px 0;
  border-radius: 4px;
  text-align: left;
  color: #f5f5f5;
}
article .entry blockquote footer {
  border-top: none;
  font-size: 0.85em;
  line-height: 1.5;
  margin-top: 20px;
  padding-top: 10px;
  color: #888;
}
article .entry blockquote footer cite:before {
  content: '—';
  color: #888;
  padding: 0 0.5em;
}
article .entry code,
article .entry pre {
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  font-size: 0.9em;
}
article .entry code {
  background: #2d2d2d;
  color: #e06c75;
  padding: 3px 6px;
  margin: 0 2px;
  border-radius: 4px;
  border: 1px solid #404040;
}
article .entry pre {
  background: #2d2d2d;
  border: 1px solid #404040;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  overflow: auto;
  padding: 20px;
  border-radius: 8px;
  line-height: 1.6;
}
article .entry pre code {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  color: #e0e0e0;
  display: block;
}
article .entry ul,
article .entry ol,
article .entry dl {
  margin-left: 1.5em;
  margin-bottom: 1.2em;
}
article .entry ul ul,
article .entry ol ul,
article .entry dl ul,
article .entry ul ol,
article .entry ol ol,
article .entry dl ol,
article .entry ul dl,
article .entry ol dl,
article .entry dl dl {
  margin-top: 0.5em;
}
article .entry li {
  margin-bottom: 0.5em;
}
article .entry h1,
article .entry h2 {
  font-weight: 600;
  border-bottom: 2px solid #333;
  padding-bottom: 10px;
  margin-top: 1.5em;
  margin-bottom: 0.75em;
}
@media screen and (max-width: 900px) {
  article .entry h2 {
    font-size: 1.3125em;
  }
}
article .entry h3,
article .entry h4,
article .entry h5,
article .entry h6 {
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
article .entry img,
article .entry video {
  max-width: 100%;
  height: auto;
  border: none;
  border-radius: 4px;
  margin: 20px 0;
}
article .entry iframe {
  border: none;
  border-radius: 4px;
}
article .entry .caption {
  display: block;
  margin-top: 10px;
  color: #888;
  position: relative;
  font-size: 0.9em;
  padding-left: 25px;
  font-style: italic;
}
article .entry .caption:before {
  content: '\f040';
  position: absolute;
  font: 1.3em FontAwesome;
  left: 0;
  top: 3px;
}
article .entry .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  border-radius: 4px;
}
article .entry .video-container iframe,
article .entry .video-container object,
article .entry .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
}
article .entry .pullquote {
  float: right;
  border: none;
  padding: 0;
  margin: 1em 0 0.5em 1.5em;
  text-align: left;
  width: 45%;
  font-size: 1.5em;
  color: #4a9eff;
}
article footer {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #333;
  color: #888;
  font-size: 0.9em;
  line-height: 1.6;
  position: relative;
  min-height: 16px;
}
article footer a {
  color: #888;
  -webkit-transition: color 0.15s ease;
  -moz-transition: color 0.15s ease;
  -o-transition: color 0.15s ease;
  -ms-transition: color 0.15s ease;
  transition: color 0.15s ease;
}
article footer a:hover {
  color: #4a9eff;
  text-decoration: none;
}
article footer a:before {
  font: 1.1em FontAwesome;
  padding-right: 8px;
  vertical-align: middle;
}
article footer a.more-link:before {
  content: '\f054';
}
article footer a.comment-link:before {
  content: '\f075';
}
article footer .categories,
article footer .tags {
  position: relative;
  padding-left: 25px;
  margin: 8px 0;
}
article footer .categories:before,
article footer .tags:before {
  position: absolute;
  font: 1.1em FontAwesome;
}
article footer .categories:before {
  content: '\f07b';
  top: 2px;
  left: 1px;
}
article footer .tags:before {
  content: '\f02b';
  top: 3px;
  left: 2px;
}
article footer .addthis {
  margin-top: 20px;
}
article footer .addthis iframe {
  margin-top: 0;
}
#comment {
  padding: 40px;
  background: #2a2a2a;
  -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  margin-bottom: 60px;
  border-radius: 8px;
}
#comment .title {
  font-weight: 600;
  margin-bottom: 20px;
  color: #f5f5f5;
}
#pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: 10px;
  margin-bottom: 60px;
}
#pagination a {
  display: block;
  padding: 10px 20px;
  background: #2a2a2a;
  color: #e0e0e0;
  font-family: "Inter", "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-shadow: none;
  border-radius: 4px;
  border: 1px solid #333;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
  font-weight: 500;
}
#pagination a:hover {
  background: #4a9eff;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
  border-color: #4a9eff;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 8px rgba(74,158,255,0.3);
  box-shadow: 0 2px 8px rgba(74,158,255,0.3);
}
#pagination .prev:before {
  content: '\f053';
  padding-right: 8px;
  font-family: FontAwesome;
}
#pagination .next:after {
  content: '\f054';
  padding-left: 8px;
  font-family: FontAwesome;
}
.archive-title {
  color: #f5f5f5;
  font-weight: 600;
  margin-bottom: 40px;
  text-shadow: none;
  font-size: 1.5em;
}
.archive-title:before {
  font-family: FontAwesome;
  content: '\f073';
  padding-right: 15px;
  color: #4a9eff;
}
.archive-title.tag:before {
  content: '\f02b';
}
.archive-title.category:before {
  content: '\f07b';
}
.archive {
  -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  border-bottom: 1px solid #333;
  margin-bottom: 60px;
  border-radius: 8px;
  overflow: hidden;
}
.archive article {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.archive article .post-content {
  margin-bottom: 0;
}
#sidebar {
  width: 300px;
  line-height: 1.8em;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: sticky;
  top: 0;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -ms-flex-item-align: start;
  height: fit-content;
  max-height: 100vh;
  overflow-y: auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  float: none;
}
@media screen and (max-width: 1260px) {
  #sidebar {
    position: relative;
    height: auto;
    max-height: none;
  }
}
@media screen and (max-width: 900px) {
  #sidebar {
    width: 100%;
    margin-top: 40px;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }
}
#sidebar .widget {
  background: #2a2a2a;
  -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  margin-bottom: 40px;
  word-wrap: break-word;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s ease, box-shadow 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease, box-shadow 0.3s ease;
  -o-transition: -o-transform 0.3s ease, box-shadow 0.3s ease;
  -ms-transition: -ms-transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (max-width: 900px) {
  #sidebar .widget {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 600px) {
  #sidebar .widget {
    margin-left: 20px;
    margin-right: 20px;
  }
}
#sidebar .widget:hover {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.4);
  box-shadow: 0 4px 16px rgba(0,0,0,0.4);
}
#sidebar .widget .title {
  padding: 20px 40px;
  font-size: 1em;
  border-bottom: 1px solid #333;
  font-weight: 600;
  color: #f5f5f5;
  background: #252525;
}
#sidebar .widget .entry {
  font-size: 0.9em;
  padding: 20px 40px;
  color: #e0e0e0;
}
#sidebar .widget ul,
#sidebar .widget ol,
#sidebar .widget dl {
  list-style: none;
}
#sidebar .widget ul ul,
#sidebar .widget ol ul,
#sidebar .widget dl ul,
#sidebar .widget ul ol,
#sidebar .widget ol ol,
#sidebar .widget dl ol,
#sidebar .widget ul dl,
#sidebar .widget ol dl,
#sidebar .widget dl dl {
  list-style: disc;
  margin-left: 20px;
}
#sidebar .search {
  margin-bottom: 40px;
  margin-top: auto;
  padding: 20px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 900px) {
  #sidebar .search {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 600px) {
  #sidebar .search {
    margin-left: 20px;
    margin-right: 20px;
  }
}
#sidebar .search input {
  background: #1a1a1a;
  font-family: "Inter", "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 1em;
  padding: 12px 16px;
  border: 1px solid #333;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #e0e0e0;
  border-radius: 4px;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
#sidebar .search input:focus {
  color: #f5f5f5;
  border-color: #4a9eff;
  outline: none;
  -webkit-box-shadow: 0 0 0 3px rgba(74,158,255,0.1);
  box-shadow: 0 0 0 3px rgba(74,158,255,0.1);
}
#sidebar .tag small {
  margin-left: 15px;
  color: #888;
}
#sidebar .tag small:before {
  content: '(';
}
#sidebar .tag small:after {
  content: ')';
}
#sidebar .twitter li {
  border-bottom: 1px solid #333;
  padding: 20px 40px;
  font-size: 0.9em;
  -webkit-transition: background 0.15s ease;
  -moz-transition: background 0.15s ease;
  -o-transition: background 0.15s ease;
  -ms-transition: background 0.15s ease;
  transition: background 0.15s ease;
}
#sidebar .twitter li:hover {
  background: rgba(255,255,255,0.02);
}
#sidebar .twitter li:last-of-type {
  border-bottom: none;
}
#sidebar .twitter small {
  display: block;
  margin-top: 10px;
  color: #888;
  line-height: 1.4;
}
#sidebar .tagcloud .entry {
  padding-right: 5px;
}
#sidebar .tagcloud a {
  margin-right: 10px;
  margin-bottom: 8px;
  display: inline-block;
  padding: 4px 10px;
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 4px;
  color: #e0e0e0;
  font-size: 0.85em;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
#sidebar .tagcloud a:hover {
  background: #4a9eff;
  color: #fff;
  border-color: #4a9eff;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
#footer {
  color: #888;
  margin-bottom: 60px;
  padding-top: 40px;
  border-top: 1px solid #333;
  font: 0.9em/1.6 "Inter", "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-shadow: none;
  text-align: center;
}
.entry .gist {
  background: #2d2d2d;
  border: 1px solid #404040;
  margin-top: 1.2em;
  padding: 20px;
  border-radius: 8px;
  text-shadow: none;
  line-height: 1.6;
  overflow: auto;
  color: #e0e0e0;
}
.entry .gist .gist-file {
  border: none;
  font-family: inherit;
  margin: 0;
  font-size: 0.9em;
}
.entry .gist .gist-file .gist-data {
  background: none;
  border-bottom: none;
}
.entry .gist .gist-file .gist-data pre {
  padding: 0 !important;
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
}
.entry .gist .gist-file .gist-meta {
  background: none;
  color: #888;
  margin-top: 10px;
  padding: 0;
  text-shadow: none;
  font-size: 100%;
}
.entry .gist .gist-file .gist-meta a {
  color: #4a9eff;
  -webkit-transition: color 0.15s ease;
  -moz-transition: color 0.15s ease;
  -o-transition: color 0.15s ease;
  -ms-transition: color 0.15s ease;
  transition: color 0.15s ease;
}
.entry .gist .gist-file .gist-meta a:visited {
  color: #4a9eff;
}
.entry .gist .gist-file .gist-meta a:hover {
  color: #6bb3ff;
}
figure.highlight {
  background: #2d2d2d;
  border: 1px solid #404040;
  margin-top: 1.2em;
  padding: 20px;
  border-radius: 8px;
  text-shadow: none;
  line-height: 1.6;
  overflow: auto;
  position: relative;
  font-size: 0.9em;
}
figure.highlight figcaption {
  color: #888;
  margin-bottom: 10px;
  text-shadow: none;
}
figure.highlight figcaption a {
  position: absolute;
  right: 20px;
  color: #4a9eff;
  -webkit-transition: color 0.15s ease;
  -moz-transition: color 0.15s ease;
  -o-transition: color 0.15s ease;
  -ms-transition: color 0.15s ease;
  transition: color 0.15s ease;
}
figure.highlight figcaption a:hover {
  color: #6bb3ff;
}
figure.highlight pre {
  border: none;
  padding: 0;
  margin: 0;
}
figure.highlight table {
  margin-top: 0;
  border-spacing: 0;
}
figure.highlight .gutter {
  color: #888;
  padding: 0;
  padding-right: 20px;
  border: 0;
  border-right: 1px solid #333;
  text-align: right;
}
figure.highlight .code {
  padding-left: 20px;
  border: 0;
  border-left: 1px solid #333;
  color: #e0e0e0;
}
figure.highlight .line {
  height: 24px;
}
figure.highlight .line.marked {
  background: rgba(74,158,255,0.15);
}
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .pi,
pre .lisp .string,
pre .javadoc {
  color: #6a9955;
  font-style: italic;
}
pre .keyword,
pre .winutils,
pre .method,
pre .addition,
pre .css .tag,
pre .request,
pre .status,
pre .nginx .title {
  color: #569cd6;
}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #ce9178;
}
pre .title,
pre .localvars,
pre .chunk,
pre .decorator,
pre .built_in,
pre .identifier,
pre .vhdl,
pre .literal,
pre .id {
  color: #4ec9b0;
}
pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type {
  color: #dcdcaa;
}
pre .preprocessor,
pre .preprocessor .keyword,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata,
pre .clojure .title {
  color: #d7ba7d;
}
pre .deletion {
  color: #f48771;
}
.portfolio-container {
  margin-bottom: 50px;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 900px) {
  .portfolio-container {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.responsive-iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 30%;
  height: 0;
  overflow: hidden;
}
.responsive-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.ch_monthlyreturntable {
  margin: 5px 0 5px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 0;
}
.ch_monthlyreturntable iframe {
  display: block;
  width: 100%;
  height: 80px;
  border: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  max-width: 100%;
}
.account-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow-x: hidden;
}
.account-column {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  min-width: 180px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
}
.account-column iframe {
  width: 100%;
  max-width: 100%;
  height: 250px;
  border: none;
}
.widget-title {
  color: #333;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 20px;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .account-row {
    gap: 10px;
    margin-top: 10px;
  }
  .account-column {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .portfolio-container {
    margin-bottom: 30px;
    padding: 10px 0;
  }
  .ch_monthlyreturntable iframe {
    height: 100px;
  }
  .portfolio-container .responsive-iframe-container {
    padding-bottom: 70%;
  }
}
@media screen and (max-width: 480px) {
  .ch_monthlyreturntable iframe {
    height: 100px;
  }
}