@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/EBGaramond-Regular.ttf') format('truetype'),
       url('../fonts/EBGaramond-Italic.ttf') format('truetype'),

  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype'),
       url('../fonts/Montserrat-Italic.ttf') format('truetype'),

  font-display: swap;
}

body {
  font-family: 'EB Garamond', serif;
  font-size: 1.25rem;
}

/* Scroll bar */
:root {
  --color-background: #fff;
  --color-text: #000;
}

@media (min-width: 768px) {
  #navbarCollapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
  }

  #navbarCollapse > hr {
    display: none;
  }
}

@media (max-width: 767px) {
  #navbarCollapse > ul {
    flex-direction: row;
    justify-content: space-around;
  }

  #navbarCollapse > hr {
    width: 100%;
  }
}

@media print {
  h1 > a {
    color: #555;
  }

  .container {
    width: 100%;
  }

  code {
    white-space: pre;
    text-overflow: hidden;
    overflow: hidden;
  }
}

::-webkit-scrollbar {
  display: none; /* Chrome, Opera, etc */
}

form {
  max-width: 500px;
  margin: 0 auto;
}

button {
  color: #777;
  background: #fff;
  padding: 4px 12px 4px 12px;
  border: solid #777 2px;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}

button:hover {
  color: #000;
  border: solid #000 2px;
  text-decoration: none;
}

input, textarea {
  font-size: 0.8rem;
  border: 1px solid #ddd;
  background: #fff;
  padding: 0.5rem 0.7rem;
  margin: 5px 0;
  transition: all 0.3s ease-in-out;
  width: 100%;
}

input:focus, textarea:focus {
  border-color: #777;
  outline: none;
}

.portfolio-content {
  line-height: 2;
  color: #555;
}

.portfolio-content a {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #bbb;
}

.post-title {
  margin-bottom: 0px;
}

.post-title a {
  color: #555;
  background-color: transparent;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.portfolio-content a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #555;
}

h1, h2, h3 {
  font-family: 'EB Garamond', sans-serif;
  letter-spacing: 1px;
  font-weight: 300;
  margin-bottom: 20px;
}

.navbar-brand {
  font-weight: 800;
  font-size: 1.5rem;
  letter-spacing: 0.5px;
}

.navbar {
}

.nav-item {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;

  font-size: 0.8rem;
  font-weight: 300;
  letter-spacing: 1.5px;
}

.navbar-toggler {
  border: 0;
}

.navbar-toggler-right {
  right: 0rem;
}

.portfolio-img {
  width: 100%;
  max-height: 250px;
  display: block;
  object-fit: cover;
}

.cover-img {
  width: 100%;
  max-height: 500px;
  object-fit: cover;
}

.cover-index-img {
  width: 100%;
  max-height: 200px;
  object-fit: cover;
}

/* Image Hover Effect */

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.hovereffect .overlay-text {
  font-size: 1.3rem;
  font-family: 'EM Garamond', sans-serif;
  font-weight: 300;
  color: #000;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

.hovereffect:hover .overlay-text {
  opacity: 1;
  filter: alpha(opacity=100);
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-nav {
  width: 50%;
  margin: 0 auto;
  text-align: center;
}

.page-nav a {
  font-size: 1.3rem;
  font-family: 'EB Garamond', sans-serif;
  font-weight: 300;
  margin: 0 10px;
  color: #000;
}

pre .line {
  font-size: 1.25rem;
  font-weight: 300;
  margin: 0 10px;
  color: #000;
}

hr {
  border-color: #999;
  width: 5%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.post-page h1 {
  margin-bottom: 0px;
  color: #555;
}

.date {
  color: #666;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 300;
  letter-spacing: 2px;
}

pre .line {
  font-family: 'Consolas', monospace !important;
}

td pre {
  margin-bottom: 0;
}

p img {
  max-width: 100%;
}

.links-page button {
  color: #777;
  font-size: 1.125rem;
  background: #fff;
  padding: 10px 15px;
  width: 100%;
  border: solid #ccc 2px;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}

.post-page button:hover {
  color: #000;
  border: solid #000 2px;
  text-decoration: none;
  cursor: pointer;
}

footer {
  border-top: 1px solid #eee;
}

footer a {
  margin-left: 2.5px;
  margin-right: 2.5px;
}

footer svg {
  overflow: visible !important;
}

#footnotes > hr {
  margin-top: 1em;
  margin-bottom: 1em;
}

#footnotelist span p:last-child {
  margin-bottom: 0.2em;
}

/*!
  Hint.css - v2.4.1 - 2016-11-08
  http://kushagragour.in/lab/hint/
  Copyright (c) 2016 Kushagra Gour
*/[class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;transition:0.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;transition-delay:0.1s}[class*=hint--]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:var(--color-background);color:var(--color-text);padding:8px 10px;white-space:nowrap;box-shadow:4px 4px 8px rgba(0, 0, 0, .3)}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top:before{border-top-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--medium:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--medium:after{width:200px}.hint--info:after{background-color:var(--color-background)}.hint--info.hint--top:before{border-top-color:var(--color-background)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}

/*!
  Theme: Default
  Description: Original highlight.js style
  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
  Maintainer: @highlightjs/core-team
  Website: https://highlightjs.org/
  License: see project LICENSE
  Touched: 2021
*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}