body {
  -webkit-backface-visibility: hidden;
  font-family: Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.vh-40 {
  height: 40vh;
}
.bg-1 {
  background: #36b1da;
  background: -moz-linear-gradient(left, #36b1da 0%, #29c6cd 100%);
  background: -webkit-linear-gradient(left, #36b1da 0%, #29c6cd 100%);
  background: linear-gradient(to right, #36b1da 0%, #29c6cd 100%);
}
.pab-100px {
  padding-bottom: 100px;
}
.w8 {
  width: 64rem;
}
.tj {
  text-align: justify;
}
.header-icon {
  font-size: 30vh;
  opacity: 0.4;
  position: absolute;
  bottom: -3rem;
  right: 6rem;
}
.text-main-color {
  color: #29c6cd;
}
.border-color {
  border-color: #fff;
}
.hover-border-main-color {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.hover-border-main-color:hover {
  border-color: #29c6cd;
}
.hover-text-main-color {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.hover-text-main-color:hover {
  color: #29c6cd;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.link-footer,
.link-footer:visited,
.link-footer:active,
.link-footer:link {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
  transition: all 0.3s linear;
}
.link-footer:hover {
  opacity: 0.6;
}
.footer .devicons-linkedin-square {
  font-size: 2rem;
}
.footer .devicons-stack-overflow {
  font-size: 2rem;
}
@media screen and (max-width: 375px) {
  #gitment-comments {
    display: none;
  }
}
#gitment-comments .gitment-header-issue-link {
  display: none;
}
#gitment-comments .gitment-container.gitment-footer-container {
  display: none;
}
.content {
  font-size: 16px;
}

.post-content>*:first-child {
    margin-top: 0;
}
.content a,
.content .fake-link {
  text-decoration: none;
  transition: color 0.15s ease-in;
  color: #29c6cd;
}
.content a:hover,
.content .fake-link:hover {
  opacity: 0.5;
  transition: all 0.15s ease-in;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  margin: 32px 0 24px 0;
  font-weight: 600;
  line-height: 1.25;
}
.content h1 {
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid #eee;
}
.content h1:first-child {
  margin-top: 0;
}
.content h2 {
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid #eee;
}
.content h3 {
  font-size: 1.25em;
  margin: 24px 0 26px 0;
}
.content h4 {
  font-size: 1em;
  margin: 24px 0 16px 0;
}
.content h5 {
  font-size: 0.875em;
}
.content h6 {
  font-size: 0.85em;
  color: #777;
}
.content code {
  background: #dcdcdc;
  color: #000;
  padding: 1px 5px;
  border-radius: 5px;
  font-size: 14px;
}
.content hr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.content blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 2em 10px;
  padding: 1em 15px;
}
.content blockquote p {
  display: inline;
}
.content blockquote footer {
  text-align: right;
  padding: 20px 10px 10px 10px;
  font-family: $fontTitle;
  overflow: auto;
}
.content blockquote footer strong:before {
  content: "-";
  padding-right: 10px;
}
.content blockquote footer cite {
  padding: 10px;
}
.content .pullquote {
  float: right;
  border: none;
  padding: 0;
  margin: 1em 0 1em 1.5em;
  text-align: left;
  width: 45%;
  background: none;
  font-size: 2em;
  font-style: italic;
}
.content .pullquote.left {
  float: left;
  margin: 1em 1.5em 1em 0;
}
.content dl dt {
  font-weight: bold;
}
.content ul li {
  list-style-type: square;
}
.content table {
  width: 100%;
  border-collapse: collapse;
}
.content table th {
  font-weight: normal;
  text-align: left;
  background-color: #f7f7f7;
  padding: 0.4em;
}
.content table td {
  padding: 0.4em;
}
.content table tr:not(:last-child) td {
  border-bottom: 1px solid #eee;
}
.content b {
  font-weight: 600;
}
.post-content img {
  display: block;
}
.post-content .video-container {
  position: relative;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
}
.post-content .video-container iframe,
.post-content .video-container object,
.post-content .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
}
.tags-container-vertical {
  display: none;
}
@media screen and (min-width: 1400px) {
  .tags-container-vertical {
    display: block;
    position: relative;
    height: 0;
    margin-left: -10vw;
  }
  .tags-container-vertical .tags-sub-container {
    position: absolute;
    text-align: right;
    transform-origin: left;
    transform: rotate(-90deg) translateX(-100%);
  }
}
.tags-container-bottom {
  display: block;
}
@media screen and (min-width: 1400px) {
  .tags-container-bottom {
    display: none;
  }
}
figure.highlight {
  display: block;
  overflow-x: auto;
  padding: 1em;
  background: #002b36;
  color: #839496;
  margin: 0;
  font-size: 15px;
}
figure.highlight pre {
  margin: 0;
}
figure.highlight .comment,
figure.highlight .quote {
  color: #586e75;
}
figure.highlight .keyword,
figure.highlight .selector-tag,
figure.highlight .addition {
  color: #859900;
}
figure.highlight .number,
figure.highlight .string,
figure.highlight .meta figure.highlight .meta-string,
figure.highlight .literal,
figure.highlight .doctag,
figure.highlight .regexp {
  color: #2aa198;
}
figure.highlight .title,
figure.highlight .section,
figure.highlight .name,
figure.highlight .selector-id,
figure.highlight .selector-class {
  color: #268bd2;
}
figure.highlight .attribute,
figure.highlight .attr,
figure.highlight .variable,
figure.highlight .template-variable,
figure.highlight .class figure.highlight .title,
figure.highlight .type {
  color: #b58900;
}
figure.highlight .symbol,
figure.highlight .bullet,
figure.highlight .subst,
figure.highlight .meta,
figure.highlight .meta figure.highlight .keyword,
figure.highlight .selector-attr,
figure.highlight .selector-pseudo,
figure.highlight .link {
  color: #cb4b16;
}
figure.highlight .built_in,
figure.highlight .deletion {
  color: #dc322f;
}
figure.highlight .formula {
  background: #073642;
}
figure.highlight .emphasis {
  font-style: italic;
}
figure.highlight .strong {
  font-weight: bold;
}
.search-popup.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.search-popup.overlay.visible {
  visibility: visible;
  opacity: 1;
}
.search-popup .popup {
  width: 30%;
  min-width: 450px;
  background: #fff;
  border-radius: 2px;
  position: relative;
  transition: all 5s ease-in-out;
  box-shadow: 7px 7px 30px 0px rgba(0,0,0,0.75);
}
.search-popup .popup input {
  margin: 15px;
  border: none;
  outline: none;
}
.search-popup .popup .results {
  border-top: 1px solid #ccc;
  padding: 15px;
}