@import url("https://fonts.googleapis.com/css?family=Space+Mono&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans&display=swap");
/**
 * Reset some basic elements
 */
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
  margin: 0;
  padding: 0;
}

/**
 * Basic styling
 */
body {
  font-family: "Space Mono", monospace;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  color: black;
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
}

/**
 * Images
 */
img {
  margin-top: -48px;
  max-width: 100%;
  vertical-align: middle;
}

/**
 * Lists
 */
ul, ol {
  margin-left: 30px;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

.download {
  margin-right: 30px;
  font-size: 0.8em;
}

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}

/**
 * Links
 */
a {
  color: black;
  text-decoration: none;
  background-color: #FBA671;
  padding: 5px;
}
a:hover {
  color: #fafafa;
}

/**
 * Wrapper
 */
.wrapper {
  max-width: -webkit-calc(1400px - (30px * 2));
  max-width: calc(1400px - 30px * 2);
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media screen and (max-width: 800px) {
  .wrapper {
    max-width: -webkit-calc(1400px - (30px));
    max-width: calc(1400px - (30px));
    padding-right: 15px;
    padding-left: 15px;
  }
}
.wrapper > a {
  background-color: white;
}

.division {
  border-bottom: solid 5px #fb923c;
  transform: skewY(-7deg);
  transform-origin: right;
}
@media screen and (max-width: 600px) {
  .division {
    transform: skewY(-15deg);
  }
}

/**
 * Clearfix
 */
.wrapper:after {
  content: "";
  display: table;
  clear: both;
}

/**
 * Icons
 */
.home-logo {
  margin-top: 5px;
  width: 80%;
  height: auto;
}
@media screen and (max-width: 600px) {
  .home-logo {
    width: 40%;
  }
}

.icon-footer {
  margin-top: 0px;
}
.icon-footer > svg {
  width: 38px;
  height: 38px;
}

.icon-footer-pixel > svg {
  width: 38px;
  height: 38px;
}

.icon-footer > svg path, .icon-footer > svg rect,
.icon-footer-pixel > svg path,
.icon-footer-pixel > svg rect,
.icon-inside-big > svg path,
.icon-inside-big > svg rect {
  fill: black;
  webkit-transition: fill 1s ease-out; /* For Safari 3.1 to 6.0 */
  transition: fill 1s ease-out;
}
.icon-footer > svg .st0,
.icon-footer-pixel > svg .st0,
.icon-inside-big > svg .st0 {
  fill: black;
  webkit-transition: fill 1s ease-out; /* For Safari 3.1 to 6.0 */
  transition: fill 1s ease-out;
}
.icon-footer > svg:hover path,
.icon-footer-pixel > svg:hover path,
.icon-inside-big > svg:hover path {
  fill: #fafafa;
}
.icon-footer > svg:hover .st0,
.icon-footer-pixel > svg:hover .st0,
.icon-inside-big > svg:hover .st0 {
  fill: #fafafa;
}
.icon-footer > svg:hover rect,
.icon-footer-pixel > svg:hover rect,
.icon-inside-big > svg:hover rect {
  fill: #fafafa;
}

.nes-icon {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 16px;
  margin-bottom: 16px;
  transform: scale(2);
  transform-origin: top left;
  margin-bottom: 16px;
  transform: scale(1.5);
}
.nes-icon::before {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  content: "";
  background: transparent;
}
.nes-icon.github::before {
  width: 1px;
  height: 1px;
  color: #000;
  box-shadow: 2px 1px,3px 1px,4px 1px,5px 1px,6px 1px,7px 1px,8px 1px,9px 1px,10px 1px,11px 1px,12px 1px,13px 1px,14px 1px,15px 1px,1px 2px,2px 2px,3px 2px,4px 2px,5px 2px #F97625,6px 2px,7px 2px,8px 2px,9px 2px,10px 2px,11px 2px,12px 2px,13px 2px,14px 2px #F97625,15px 2px,16px 2px,1px 3px,2px 3px,3px 3px,4px 3px,5px 3px #F97625,6px 3px #F97625,7px 3px,8px 3px,9px 3px,10px 3px,11px 3px,12px 3px,13px 3px #F97625,14px 3px #F97625,15px 3px,16px 3px,1px 4px,2px 4px,3px 4px,4px 4px,5px 4px #F97625,6px 4px #F97625,7px 4px #F97625,8px 4px #F97625,9px 4px #F97625,10px 4px #F97625,11px 4px #F97625,12px 4px #F97625,13px 4px #F97625,14px 4px #F97625,15px 4px,16px 4px,1px 5px,2px 5px,3px 5px,4px 5px #F97625,5px 5px #F97625,6px 5px #F97625,7px 5px #F97625,8px 5px #F97625,9px 5px #F97625,10px 5px #F97625,11px 5px #F97625,12px 5px #F97625,13px 5px #F97625,14px 5px #F97625,15px 5px #F97625,16px 5px,1px 6px,2px 6px,3px 6px,4px 6px #F97625,5px 6px #F97625,6px 6px #F97625,7px 6px #F97625,8px 6px #F97625,9px 6px #F97625,10px 6px #F97625,11px 6px #F97625,12px 6px #F97625,13px 6px #F97625,14px 6px #F97625,15px 6px #F97625,16px 6px,1px 7px,2px 7px,3px 7px,4px 7px #F97625,5px 7px #F97625,6px 7px #F97625,7px 7px #F97625,8px 7px #F97625,9px 7px #F97625,10px 7px #F97625,11px 7px #F97625,12px 7px #F97625,13px 7px #F97625,14px 7px #F97625,15px 7px #F97625,16px 7px,1px 8px,2px 8px,3px 8px,4px 8px #F97625,5px 8px #F97625,6px 8px #F97625,7px 8px #F97625,8px 8px #F97625,9px 8px #F97625,10px 8px #F97625,11px 8px #F97625,12px 8px #F97625,13px 8px #F97625,14px 8px #F97625,15px 8px #F97625,16px 8px,1px 9px,2px 9px,3px 9px,4px 9px,5px 9px #F97625,6px 9px #F97625,7px 9px #F97625,8px 9px #F97625,9px 9px #F97625,10px 9px #F97625,11px 9px #F97625,12px 9px #F97625,13px 9px #F97625,14px 9px #F97625,15px 9px,16px 9px,1px 10px,2px 10px,3px 10px,4px 10px,5px 10px,6px 10px #F97625,7px 10px #F97625,8px 10px #F97625,9px 10px #F97625,10px 10px #F97625,11px 10px #F97625,12px 10px #F97625,13px 10px #F97625,14px 10px,15px 10px,16px 10px,1px 11px,2px 11px #F97625,3px 11px #F97625,4px 11px,5px 11px,6px 11px,7px 11px,8px 11px #F97625,9px 11px #F97625,10px 11px #F97625,11px 11px #F97625,12px 11px,13px 11px,14px 11px,15px 11px,16px 11px,1px 12px,2px 12px,3px 12px,4px 12px #F97625,5px 12px,6px 12px,7px 12px #F97625,8px 12px #F97625,9px 12px #F97625,10px 12px #F97625,11px 12px #F97625,12px 12px #F97625,13px 12px,14px 12px,15px 12px,16px 12px,1px 13px,2px 13px,3px 13px,4px 13px,5px 13px #F97625,6px 13px #F97625,7px 13px #F97625,8px 13px #F97625,9px 13px #F97625,10px 13px #F97625,11px 13px #F97625,12px 13px #F97625,13px 13px,14px 13px,15px 13px,16px 13px,1px 14px,2px 14px,3px 14px,4px 14px,5px 14px,6px 14px,7px 14px #F97625,8px 14px #F97625,9px 14px #F97625,10px 14px #F97625,11px 14px #F97625,12px 14px #F97625,13px 14px,14px 14px,15px 14px,16px 14px,1px 15px,2px 15px,3px 15px,4px 15px,5px 15px,6px 15px,7px 15px #F97625,8px 15px #F97625,9px 15px #F97625,10px 15px #F97625,11px 15px #F97625,12px 15px #F97625,13px 15px,14px 15px,15px 15px,16px 15px,2px 16px,3px 16px,4px 16px,5px 16px,6px 16px,7px 16px,8px 16px,9px 16px,10px 16px,11px 16px,12px 16px,13px 16px,14px 16px,15px 16px;
}
@supports (-moz-appearance: meterbar) {
  .nes-icon.github::before {
    box-shadow: 2px 1px 0 0.020em,3px 1px 0 0.020em,4px 1px 0 0.020em,5px 1px 0 0.020em,6px 1px 0 0.020em,7px 1px 0 0.020em,8px 1px 0 0.020em,9px 1px 0 0.020em,10px 1px 0 0.020em,11px 1px 0 0.020em,12px 1px 0 0.020em,13px 1px 0 0.020em,14px 1px 0 0.020em,15px 1px 0 0.020em,1px 2px 0 0.020em,2px 2px 0 0.020em,3px 2px 0 0.020em,4px 2px 0 0.020em,5px 2px 0 0.020em #F97625,6px 2px 0 0.020em,7px 2px 0 0.020em,8px 2px 0 0.020em,9px 2px 0 0.020em,10px 2px 0 0.020em,11px 2px 0 0.020em,12px 2px 0 0.020em,13px 2px 0 0.020em,14px 2px 0 0.020em #F97625,15px 2px 0 0.020em,16px 2px 0 0.020em,1px 3px 0 0.020em,2px 3px 0 0.020em,3px 3px 0 0.020em,4px 3px 0 0.020em,5px 3px 0 0.020em #F97625,6px 3px 0 0.020em #F97625,7px 3px 0 0.020em,8px 3px 0 0.020em,9px 3px 0 0.020em,10px 3px 0 0.020em,11px 3px 0 0.020em,12px 3px 0 0.020em,13px 3px 0 0.020em #F97625,14px 3px 0 0.020em #F97625,15px 3px 0 0.020em,16px 3px 0 0.020em,1px 4px 0 0.020em,2px 4px 0 0.020em,3px 4px 0 0.020em,4px 4px 0 0.020em,5px 4px 0 0.020em #F97625,6px 4px 0 0.020em #F97625,7px 4px 0 0.020em #F97625,8px 4px 0 0.020em #F97625,9px 4px 0 0.020em #F97625,10px 4px 0 0.020em #F97625,11px 4px 0 0.020em #F97625,12px 4px 0 0.020em #F97625,13px 4px 0 0.020em #F97625,14px 4px 0 0.020em #F97625,15px 4px 0 0.020em,16px 4px 0 0.020em,1px 5px 0 0.020em,2px 5px 0 0.020em,3px 5px 0 0.020em,4px 5px 0 0.020em #F97625,5px 5px 0 0.020em #F97625,6px 5px 0 0.020em #F97625,7px 5px 0 0.020em #F97625,8px 5px 0 0.020em #F97625,9px 5px 0 0.020em #F97625,10px 5px 0 0.020em #F97625,11px 5px 0 0.020em #F97625,12px 5px 0 0.020em #F97625,13px 5px 0 0.020em #F97625,14px 5px 0 0.020em #F97625,15px 5px 0 0.020em #F97625,16px 5px 0 0.020em,1px 6px 0 0.020em,2px 6px 0 0.020em,3px 6px 0 0.020em,4px 6px 0 0.020em #F97625,5px 6px 0 0.020em #F97625,6px 6px 0 0.020em #F97625,7px 6px 0 0.020em #F97625,8px 6px 0 0.020em #F97625,9px 6px 0 0.020em #F97625,10px 6px 0 0.020em #F97625,11px 6px 0 0.020em #F97625,12px 6px 0 0.020em #F97625,13px 6px 0 0.020em #F97625,14px 6px 0 0.020em #F97625,15px 6px 0 0.020em #F97625,16px 6px 0 0.020em,1px 7px 0 0.020em,2px 7px 0 0.020em,3px 7px 0 0.020em,4px 7px 0 0.020em #F97625,5px 7px 0 0.020em #F97625,6px 7px 0 0.020em #F97625,7px 7px 0 0.020em #F97625,8px 7px 0 0.020em #F97625,9px 7px 0 0.020em #F97625,10px 7px 0 0.020em #F97625,11px 7px 0 0.020em #F97625,12px 7px 0 0.020em #F97625,13px 7px 0 0.020em #F97625,14px 7px 0 0.020em #F97625,15px 7px 0 0.020em #F97625,16px 7px 0 0.020em,1px 8px 0 0.020em,2px 8px 0 0.020em,3px 8px 0 0.020em,4px 8px 0 0.020em #F97625,5px 8px 0 0.020em #F97625,6px 8px 0 0.020em #F97625,7px 8px 0 0.020em #F97625,8px 8px 0 0.020em #F97625,9px 8px 0 0.020em #F97625,10px 8px 0 0.020em #F97625,11px 8px 0 0.020em #F97625,12px 8px 0 0.020em #F97625,13px 8px 0 0.020em #F97625,14px 8px 0 0.020em #F97625,15px 8px 0 0.020em #F97625,16px 8px 0 0.020em,1px 9px 0 0.020em,2px 9px 0 0.020em,3px 9px 0 0.020em,4px 9px 0 0.020em,5px 9px 0 0.020em #F97625,6px 9px 0 0.020em #F97625,7px 9px 0 0.020em #F97625,8px 9px 0 0.020em #F97625,9px 9px 0 0.020em #F97625,10px 9px 0 0.020em #F97625,11px 9px 0 0.020em #F97625,12px 9px 0 0.020em #F97625,13px 9px 0 0.020em #F97625,14px 9px 0 0.020em #F97625,15px 9px 0 0.020em,16px 9px 0 0.020em,1px 10px 0 0.020em,2px 10px 0 0.020em,3px 10px 0 0.020em,4px 10px 0 0.020em,5px 10px 0 0.020em,6px 10px 0 0.020em #F97625,7px 10px 0 0.020em #F97625,8px 10px 0 0.020em #F97625,9px 10px 0 0.020em #F97625,10px 10px 0 0.020em #F97625,11px 10px 0 0.020em #F97625,12px 10px 0 0.020em #F97625,13px 10px 0 0.020em #F97625,14px 10px 0 0.020em,15px 10px 0 0.020em,16px 10px 0 0.020em,1px 11px 0 0.020em,2px 11px 0 0.020em #F97625,3px 11px 0 0.020em #F97625,4px 11px 0 0.020em,5px 11px 0 0.020em,6px 11px 0 0.020em,7px 11px 0 0.020em,8px 11px 0 0.020em #F97625,9px 11px 0 0.020em #F97625,10px 11px 0 0.020em #F97625,11px 11px 0 0.020em #F97625,12px 11px 0 0.020em,13px 11px 0 0.020em,14px 11px 0 0.020em,15px 11px 0 0.020em,16px 11px 0 0.020em,1px 12px 0 0.020em,2px 12px 0 0.020em,3px 12px 0 0.020em,4px 12px 0 0.020em #F97625,5px 12px 0 0.020em,6px 12px 0 0.020em,7px 12px 0 0.020em #F97625,8px 12px 0 0.020em #F97625,9px 12px 0 0.020em #F97625,10px 12px 0 0.020em #F97625,11px 12px 0 0.020em #F97625,12px 12px 0 0.020em #F97625,13px 12px 0 0.020em,14px 12px 0 0.020em,15px 12px 0 0.020em,16px 12px 0 0.020em,1px 13px 0 0.020em,2px 13px 0 0.020em,3px 13px 0 0.020em,4px 13px 0 0.020em,5px 13px 0 0.020em #F97625,6px 13px 0 0.020em #F97625,7px 13px 0 0.020em #F97625,8px 13px 0 0.020em #F97625,9px 13px 0 0.020em #F97625,10px 13px 0 0.020em #F97625,11px 13px 0 0.020em #F97625,12px 13px 0 0.020em #F97625,13px 13px 0 0.020em,14px 13px 0 0.020em,15px 13px 0 0.020em,16px 13px 0 0.020em,1px 14px 0 0.020em,2px 14px 0 0.020em,3px 14px 0 0.020em,4px 14px 0 0.020em,5px 14px 0 0.020em,6px 14px 0 0.020em,7px 14px 0 0.020em #F97625,8px 14px 0 0.020em #F97625,9px 14px 0 0.020em #F97625,10px 14px 0 0.020em #F97625,11px 14px 0 0.020em #F97625,12px 14px 0 0.020em #F97625,13px 14px 0 0.020em,14px 14px 0 0.020em,15px 14px 0 0.020em,16px 14px 0 0.020em,1px 15px 0 0.020em,2px 15px 0 0.020em,3px 15px 0 0.020em,4px 15px 0 0.020em,5px 15px 0 0.020em,6px 15px 0 0.020em,7px 15px 0 0.020em #F97625,8px 15px 0 0.020em #F97625,9px 15px 0 0.020em #F97625,10px 15px 0 0.020em #F97625,11px 15px 0 0.020em #F97625,12px 15px 0 0.020em #F97625,13px 15px 0 0.020em,14px 15px 0 0.020em,15px 15px 0 0.020em,16px 15px 0 0.020em,2px 16px 0 0.020em,3px 16px 0 0.020em,4px 16px 0 0.020em,5px 16px 0 0.020em,6px 16px 0 0.020em,7px 16px 0 0.020em,8px 16px 0 0.020em,9px 16px 0 0.020em,10px 16px 0 0.020em,11px 16px 0 0.020em,12px 16px 0 0.020em,13px 16px 0 0.020em,14px 16px 0 0.020em,15px 16px 0 0.020em;
  }
}

.copyright {
  font-size: 11px;
  text-align: left;
  margin-left: 10px;
}
.copyright > .top-copyright {
  padding-top: 80px;
}
@media screen and (max-width: 600px) {
  .copyright {
    font-size: 8px;
  }
  .copyright > .top-copyright {
    padding-top: 10px;
  }
}

.none {
  padding: 0;
}
.none:hover {
  color: #fb923c;
}

/**
 * Homepage
 */
#main {
  margin-bottom: 150px;
}
@media screen and (max-width: 600px) {
  #main {
    margin-bottom: 0px;
  }
}

.home-content {
  padding-top: 5px;
}

.home-container {
  display: -webkit-flex;
  display: flex;
}

.intro {
  width: 100%;
  padding-bottom: 25px;
  margin-top: 170px;
}
.intro > .inside-image {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .intro {
    padding-bottom: 0px;
    margin-top: 140px;
  }
  .intro > .inside-image {
    width: 100%;
  }
}

.full-display {
  display: block;
}
@media screen and (max-width: 600px) {
  .full-display {
    display: none;
  }
}

.mobile-display {
  display: none;
}
@media screen and (max-width: 600px) {
  .mobile-display {
    display: block;
  }
}

.explanation {
  font-size: 14px;
  text-align: left;
  margin-left: 80px;
  margin-right: 80px;
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .explanation {
    font-size: 8px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

/**
 * Site header
 */
.site-header {
  position: fixed;
  width: 100%;
  background-color: white;
  z-index: 1;
}

.site-title {
  font-size: 26px;
  line-height: 56px;
  letter-spacing: -1px;
  margin-bottom: 0;
  float: left;
  width: 12%;
}
.site-title, .site-title:visited {
  color: black;
}
.site-title .mobile-header {
  display: none;
}
@media screen and (max-width: 600px) {
  .site-title .mobile-header {
    display: inline;
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .site-title {
    width: 50%;
  }
}

.menu {
  clear: both;
  float: right;
  margin-top: -50px;
  font-size: 20px;
}
@media screen and (max-width: 600px) {
  .menu {
    margin-left: 90px;
  }
}

.menu-link {
  background-color: white;
  border-top: 55px solid #fb923c;
}
.menu-link, .menu-link:hover {
  color: black;
}
@media screen and (max-width: 600px) {
  .menu-link {
    border-top: 0px;
    border-right: 5px solid #fb923c;
    font-size: 16px;
    text-align: right;
    padding: 3px;
  }
}

/**
 * Site footer
 */
.site-footer {
  padding: 30px;
  background-color: #fb923c;
}

.contact-list,
.social-media-list {
  list-style: none;
  margin-left: 0;
}

.footer-link {
  text-decoration: none;
  background-color: #fb923c;
  padding: 0px;
}

.footer-col-wrapper {
  margin-left: calc((-30px) / 3);
}

.footer-col {
  float: left;
  padding-left: calc((30px) / 3);
}

.footer-col-1 {
  width: -webkit-calc(60% - 15px);
  width: calc(60% - 15px);
}

@media screen and (max-width: 800px) {
  .footer-col-1 {
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 600px) {
  .footer-col {
    float: none;
    width: -webkit-calc(100% - 15px);
    width: calc(100% - 15px);
  }
  .footer-col > h1 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .footer-col > p {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
/**
 * Page layout
 */
.page-header {
  font-family: "Space Mono", monospace;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 170px;
}

.page-title {
  font-size: 52px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .page-title {
    font-size: 30px;
  }
}

.page-content {
  margin-left: 30px;
  margin-right: 30px;
  padding-top: 5px;
  font-family: "Work Sans", sans-serif;
  font-size: 19px;
}
@media screen and (max-width: 800px) {
  .page-content {
    font-size: 16px;
  }
}

.container {
  margin-bottom: 100px;
}
.container > .about-text {
  margin-bottom: 50px;
}
.container > .about-text > p {
  margin-bottom: 25px;
}
.container > div {
  margin-bottom: 50px;
}
.container > .interests > p {
  margin-bottom: 25px;
}
@media screen and (max-width: 600px) {
  .container {
    margin-bottom: 0px;
  }
}

.about-subtitle {
  margin-bottom: 10px;
}

.sub-subtitle {
  font-size: 25px;
  margin-bottom: 10px;
}

.excerpt {
  font-size: 18px;
}

.centered-list {
  margin-left: 3rem;
}
@media screen and (max-width: 600px) {
  .centered-list {
    margin-left: 1.5rem;
  }
}

.post-list {
  margin-left: 150px;
  list-style-type: upper-roman;
}
@media screen and (max-width: 600px) {
  .post-list {
    margin-left: 50px;
  }
}

.flex-item-3 {
  width: 50%;
}
.flex-item-3 > .inside-image {
  width: 100%;
}
.flex-item-3 a {
  color: #fafafa;
}

.flex-item-4 {
  width: 50%;
  padding: 15px;
}
.flex-item-4 > .inside-image {
  width: 100%;
}
.flex-item-4 > .inside-png-image {
  margin-top: 7px;
  width: 100%;
}
.flex-item-4 a {
  color: #fafafa;
}

.big-font {
  font-size: 40px;
  margin-bottom: 100px;
  text-align: right;
}
.big-font > p {
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .big-font {
    font-size: 25px;
  }
}

.index-link {
  color: black;
  text-decoration: none;
  background-color: #FBA671;
  padding: 0px;
}
.index-link:hover {
  color: black;
}
@media screen and (max-width: 600px) {
  .index-link > .media-text {
    margin: -30px;
  }
}

/**
 *  About page
 */
.photo-container {
  border-top: 55px solid #fb923c;
  transform: skew(0, -6deg);
}

.photo {
  margin-top: -50px;
  width: 66.6666666667%;
  margin-left: 25%;
}

.important {
  background-color: #FBA671;
  padding: 5px;
}

/**
 *  Contact page
 */
.contact-container {
  margin-top: 70px;
  border-top: 55px solid #fb923c;
  transform: skew(0, 3deg);
}

.contact-box {
  margin-top: -40px;
}
.contact-box > p {
  margin-bottom: 25px;
}

.flex-container {
  padding: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 50px;
  margin-right: 50px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  justify-content: space-around;
  height: auto;
  line-height: 30px;
}
@media screen and (max-width: 600px) {
  .flex-container {
    padding: 20px;
    padding-bottom: 5px;
    display: inline-block;
    margin-left: 50px;
    margin-right: 50px;
  }
}

.flex-item {
  padding: 10px;
  padding-top: 0px;
  margin: 10px;
  margin-top: 0px;
  border: 5px solid #fb923c;
  color: black;
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  flex: 1 0 0px;
  height: 70px;
  width: 120px;
}
@media screen and (max-width: 600px) {
  .flex-item {
    padding: 0px;
    margin: 10px;
    margin-top: 0px;
    font-size: 1em;
    height: 30px;
    width: 120px;
  }
}

.flex-container-work {
  padding: 0.2rem;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  justify-content: space-around;
  height: auto;
  line-height: 30px;
}
@media screen and (max-width: 600px) {
  .flex-container-work {
    display: none;
  }
}

.flex-item-work {
  padding: 10px;
  padding-top: 0px;
  margin: 0.5rem;
  margin-top: 0px;
  color: black;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
  flex: 1 1 0px;
  height: 70px;
  width: 100px;
  border: 2px solid rgba(251, 166, 113, 0.6862745098);
}
@media screen and (max-width: 600px) {
  .flex-item-work {
    padding: 0px;
    margin: 10px;
    margin-top: 0px;
    font-size: 1em;
    height: 10px;
    width: 120px;
  }
}

.contact-calendar {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}

.contact-calendar iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media all and (min-width: 768px) {
  .desk-calendar {
    display: block;
  }
  .phone-calendar {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .desk-calendar {
    display: none;
  }
  .phone-calendar {
    display: block;
  }
}
.contact-code {
  font-family: monospace;
}

@media all and (min-width: 768px) {
  .desk-code {
    display: block;
  }
  .phone-code {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .desk-code {
    display: none;
  }
  .phone-code {
    display: block;
  }
}
/**
 *  CV page
 */
.cv {
  margin-top: -20px;
  margin-left: 300px;
  width: 60%;
  border-left: 40px solid #fb923c;
}
@media screen and (max-width: 600px) {
  .cv {
    margin-left: 10px;
    border-left: 10px solid #fb923c;
    width: 100%;
  }
}

/**
 *  Posts
 */
.post-content {
  margin-top: 4%;
  margin-left: 150px;
  margin-right: 150px;
  margin-bottom: 60px;
  font-family: "Work Sans", sans-serif;
  font-size: 22px;
}
.post-content > p {
  margin-bottom: 25px;
}
@media screen and (max-width: 600px) {
  .post-content {
    margin-left: 30px;
    margin-right: 30px;
  }
}

.post-content img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: 70px;
  margin-bottom: 50px;
}

.disclaimer {
  font-size: 16px;
}

.post-box {
  display: flex;
}

.divider {
  overflow: hidden;
}

.divider:after {
  content: "";
  display: inline-block;
  height: 0.5em;
  vertical-align: bottom;
  width: 100%;
  margin-right: -100%;
  margin-left: 10px;
  border-top: 5px solid rgba(249, 128, 16, 0.5607843137);
}

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