.nav-wrapper {
  z-index: 150;
  background-color: #000; }
  .nav-wrapper li a {
    color: #fff; }
  .nav-wrapper #nav-mobile a {
    color: #000; }

.main-nav {
  height: 64px;
  z-index: 150;
  margin-bottom: -64px;
  position: fixed;
  top: 0; }

nav .brand-logo {
  font-size: 1.5rem; }

.brand-logo {
  color: #444;
  margin-left: 25px;
  font-family: "Roboto", sans-serif;
  font-weight: normal; }

.button-collapse {
  color: #fff; }

@media only screen and (max-width: 537px) {
  .brand-logo {
    width: 65%; } }
.highlight table td {
  padding: 5px; }

.highlight table pre {
  margin: 0; }

.highlight .c, .highlight .cd {
  color: #5e5d83;
  font-style: italic; }

.highlight .cm {
  color: #5e5d83;
  font-style: italic; }

.highlight .c1 {
  color: #5e5d83;
  font-style: italic; }

.highlight .cp {
  color: #465457;
  font-weight: bold; }

.highlight .cs {
  color: #465457;
  font-weight: bold;
  font-style: italic; }

.highlight .err {
  color: #f8f8f2;
  background-color: #403d3d; }

.highlight .gi {
  color: #a6e22e; }

.highlight .gd {
  color: #f92672; }

.highlight .ge {
  color: #1b1d1e;
  font-style: italic; }

.highlight .gr {
  color: #f92672; }

.highlight .gt {
  color: #f92672; }

.highlight .gh {
  color: #403d3d; }

.highlight .go {
  color: #403d3d; }

.highlight .gp {
  color: #66d9ef; }

.highlight .gs {
  font-weight: bold; }

.highlight .gu {
  color: #465457; }

.highlight .k, .highlight .kv {
  color: #66d9ef;
  font-weight: bold; }

.highlight .kc {
  color: #66d9ef;
  font-weight: bold; }

.highlight .kd {
  color: #66d9ef;
  font-weight: bold; }

.highlight .kp {
  color: #66d9ef;
  font-weight: bold; }

.highlight .kr {
  color: #66d9ef;
  font-weight: bold; }

.highlight .kt {
  color: #66d9ef;
  font-weight: bold; }

.highlight .kn {
  color: #f92672;
  font-weight: bold; }

.highlight .ow {
  color: #f92672;
  font-weight: bold; }

.highlight .o {
  color: #f92672;
  font-weight: bold; }

.highlight .mf {
  color: #af87ff; }

.highlight .mh {
  color: #af87ff; }

.highlight .il {
  color: #af87ff; }

.highlight .mi {
  color: #af87ff; }

.highlight .mo {
  color: #af87ff; }

.highlight .m, .highlight .mb, .highlight .mx {
  color: #af87ff; }

.highlight .se {
  color: #af87ff; }

.highlight .sb {
  color: #d7d787; }

.highlight .sc {
  color: #d7d787; }

.highlight .sd {
  color: #d7d787; }

.highlight .s2 {
  color: #d7d787; }

.highlight .sh {
  color: #d7d787; }

.highlight .si {
  color: #d7d787; }

.highlight .sx {
  color: #d7d787; }

.highlight .sr {
  color: #d7d787; }

.highlight .s1 {
  color: #d7d787; }

.highlight .ss {
  color: #d7d787; }

.highlight .s {
  color: #d7d787; }

.highlight .na {
  color: #a6e22e; }

.highlight .nc {
  color: #a6e22e;
  font-weight: bold; }

.highlight .nd {
  color: #a6e22e;
  font-weight: bold; }

.highlight .ne {
  color: #a6e22e;
  font-weight: bold; }

.highlight .nf {
  color: #a6e22e;
  font-weight: bold; }

.highlight .no {
  color: #66d9ef; }

.highlight .bp {
  color: #f8f8f2; }

.highlight .nb {
  color: #f8f8f2; }

.highlight .ni {
  color: #f8f8f2; }

.highlight .nn {
  color: #f8f8f2; }

.highlight .vc {
  color: #f8f8f2; }

.highlight .vg {
  color: #f8f8f2; }

.highlight .vi {
  color: #f8f8f2; }

.highlight .nv {
  color: #f8f8f2; }

.highlight .w {
  color: #f8f8f2; }

.highlight .nl {
  color: #f8f8f2;
  font-weight: bold; }

.highlight .nt {
  color: #f92672; }

.highlight {
  width: 150%;
  padding: 10px 100px 10px 140px;
  position: relative;
  left: -12%;
  right: 0%;
  margin: 0 auto;
  color: #f8f8f2;
  background-color: #222;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 600px) {
  .highlight {
    padding: 10px 100px 10px 35px;
    left: -14%; } }
@media only screen and (max-width: 1200px) {
  .highlight {
    padding: 10px 100px 10px 20px;
    left: -14%; } }
.highlight pre {
  flex: 0 0 auto; }

code span {
  display: inline-block;
  flex: 0 0 auto; }

.highlighter-rouge {
  background-color: #eee; }

.card-title {
  color: rgba(0, 0, 0, 0.87); }

.hoverable {
  overflow: hidden; }

.hoverable:hover {
  transition: box-shadow .25s;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 0 0 0 rgba(0, 0, 0, 0); }

.hoverable:hover .card-image img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08); }

.card-image img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease; }

.btm-menu .btn-floating {
  background-color: #2196f3; }

.nested-btn {
  width: 36px !important;
  height: 22px !important;
  margin-top: 8px; }

.post-description {
  color: rgba(0, 0, 0, 0.87) !important; }

.read-more {
  color: #000 !important; }

a.post-link {
  text-decoration: none; }

.tags-collection {
  padding: 50px 25px 100px 25px; }

.tagged-posts .tag-title {
  font-weight: 200;
  font-size: 40px;
  padding-top: 80px; }
.tagged-posts li {
  transition: 0.4s ease;
  margin-bottom: 50px;
  border-bottom: 1px solid #424242;
  line-height: 50px; }
.tagged-posts li:hover {
  border-bottom-color: #8d6e63; }
.tagged-posts .post-title {
  font-size: 20px;
  color: #424242;
  font-weight: 300;
  border-bottom: 5px; }
  .tagged-posts .post-title .entry-date {
    float: right; }
.tagged-posts .post-title:hover {
  color: #8d6e63; }

.chip {
  color: #2196f3;
  background: white;
  border: #2196f3 solid 1px;
  transition: background-color 0.4s ease;
  transition: border-color 0.4s ease;
  transition: color 0.4s ease; }

.chip:hover {
  background: #2196f3;
  color: #fff;
  border: #e4e4e4 solid 1px; }

.chip.active {
  background: #2196f3;
  color: #fff;
  border: #e4e4e4 solid 1px; }

.author {
  background-color: #424242; }

.author-img-wrapper {
  margin: 25px 0; }

.author-img {
  width: 55%;
  display: block;
  margin: 0 auto; }

@media only screen and (max-width: 1600px) {
  .author-img {
    width: 70%; } }
@media only screen and (max-width: 1300px) {
  .author-img {
    width: 85%; } }
@media only screen and (max-width: 900px) {
  .author-img {
    width: 100%; } }
.author-info {
  margin-top: 25px; }

.author-info h5 {
  color: #ececec;
  font-weight: 300;
  margin-bottom: 0px; }

.author-name {
  font-weight: 600;
  margin: 0px; }

.author-description {
  font-weight: 200;
  font-size: 22px;
  margin-top: 5px; }

.share > .s12 > .s10 {
  border-top: 1px solid #f2f2f2;
  padding-top: 20px; }

.share-header {
  font-size: 20px;
  font-weight: 300;
  color: #212121; }

.fb-color {
  background-color: #3b5998; }

.share > div > div > .btn-floating {
  margin: 0 10px 0 10px; }

.btn-floating:hover {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3), 0 1px 7px 0 rgba(0, 0, 0, 0.3), 0 3px 1px -1px rgba(0, 0, 0, 0.3); }

.fb-color:hover {
  background-color: #3b5998; }

.fb-color:focus {
  background-color: #3b5998; }

.fb-btn {
  display: inline-block;
  text-indent: -9999px;
  width: 30px;
  height: 54px;
  -webkit-mask: url(../img/icons/facebook.svg) no-repeat;
  mask: url(../img/icons/facebook.svg) no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center; }

.twitter-btn {
  display: inline-block;
  text-indent: -9999px;
  width: 30px;
  height: 54px;
  -webkit-mask: url(../img/icons/twitter.svg) no-repeat;
  mask: url(../img/icons/twitter.svg) no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center; }

.github-btn {
  display: inline-block;
  text-indent: -9999px;
  width: 30px;
  height: 54px;
  -webkit-mask: url(../img/icons/github.svg) no-repeat;
  mask: url(../img/icons/github.svg) no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center; }

.instagram-btn {
  display: inline-block;
  text-indent: -9999px;
  width: 30px;
  height: 54px;
  -webkit-mask: url(../img/icons/instagram.svg) no-repeat;
  mask: url(../img/icons/instagram.svg) no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center; }

.linkedin-btn {
  display: inline-block;
  text-indent: -9999px;
  width: 30px;
  height: 54px;
  -webkit-mask: url(../img/icons/linkedin.svg) no-repeat;
  mask: url(../img/icons/linkedin.svg) no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center; }

.twitter-color {
  background-color: #55acee; }

.twitter-color:hover {
  background-color: #55acee; }

.twitter-color:focus {
  background-color: #55acee; }

.btn-white {
  transition: background-color 0.7s ease;
  background-color: white; }

.social-media-icon {
  padding-right: 20px; }

.social-media-icon > .btn-white:hover {
  background-color: grey; }

.main-top {
  background-color: #424242;
  height: 200px;
  float: left;
  width: 100%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  padding-top: 120px; }

.content {
  background-color: #fff;
  box-shadow: 5px 10px 15px 5px rgba(0, 0, 0, 0.26);
  border-radius: 2px;
  overflow: hidden;
  z-index: 9;
  margin-top: -120px;
  margin-bottom: 50px;
  width: auto;
  position: relative;
  display: inline-block;
  padding: 50px 0 0 0;
  max-width: 100%; }

.post > .row {
  margin-bottom: 0px; }

.container-main {
  position: relative; }

section {
  margin-top: 25px; }

.blog-post-img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  text-align: center; }

@media only screen and (max-width: 425px) {
  .blog-post-img img {
    width: 100%; } }
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

main {
  flex: 1 0 auto; }

.adjust-index {
  z-index: 0 !important; }

p {
  line-height: 2.0rem;
  font-size: 1.25rem;
  letter-spacing: 0;
  font-weight: 300; }

@media only screen and (max-width: 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%; }

  #index-banner .section {
    top: 10%; } }
@media only screen and (max-width: 600px) {
  #index-banner .section {
    top: 0; }

  .post-title {
    font-size: 35px; }

  .author-img {
    width: 50%;
    padding-bottom: 5px; }

  .author-info {
    text-align: center; } }
@media screen and (max-width: 1250px) {
  .blog-posts {
    width: 98%; } }
@media screen and (max-width: 768px) {
  .container-main {
    width: 98%; } }
footer.page-footer {
  margin: 0;
  padding-top: 0px;
  background-color: #000; }
  footer.page-footer .footer-copyright {
    background-color: #000; }
  footer.page-footer .container {
    color: #424242; }

.post-description {
  font-size: 1rem;
  letter-spacing: 0;
  font-weight: normal; }