body {
   margin: 0;
   padding: 0;
   color: #353535;
   font-size: 1.2rem;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   /* font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif */
   /* font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}


/** Common */

.page-center {
   max-width: 600px;
   margin: 0 auto;
}

.monospace {
   font-family: monospace;
}

.quote-indent {
   margin-right: 8%;
   margin-left: 8%;
}

.center-content {
   text-align: center;
}

   .center-content > * {
      text-align: unset;
   }

/** Header */

.header {
   height: 31px;
   padding: 8px;
   border-bottom: 1px solid #999;
}

.header .title {
   font-size: 1.12em;
   font-weight: bold;
}

.lasercanvas-button img {
   max-width: 14px;
   max-height: 14px;
}

.contact-resume::before,
.contact-publications::before,
.contact-email::before {
   margin-right: 0.25em;
}

.contact-resume::before {
   content: "\270E";
}

.contact-publications::before {
   content: "\274F";
}

.contact-email::before {
   content: "\2709";
}

.contact-linkedin::before {
   content: "in";
   display: inline-block;
   margin-right: 0.3em;
   font-size: 0.8em;
   width: 1.4em;
   height: 1.4em;
   line-height: 1.4em;
   color: white;
   background: #0073b1;
   border-radius: 0.2em;
   vertical-align: text-bottom;
}

.contact-imdb::before,
.contact-github::before {
   content: "";
   display: inline-block;
   margin-right: 0.3em;
   width: 16px;
   height: 16px;
   background-size: 16px 16px;
   vertical-align: text-bottom;
}

.contact-github::before {
   background-image: url("GitHub-Mark-32px.png");
}

.contact-researchgate .icon-anchor {
   display: inline-block;
   font-size: 0.8em;
   width: 1.4em;
   height: 1.4em;
   line-height: 1.4em;
   color: white;
   background-color: #0cb;
   border-radius: 0.2em;
   font-family: serif;
   vertical-align: text-bottom;
}

   .contact-researchgate .icon-anchor::before {
      content: "R";
      position: relative;
      top: 0.1em;
   }

   .contact-researchgate .icon-anchor::after {
      content: "G";
      position: relative;
      top: -0.5em;
      font-size: 0.5em;
   }

.contact-imdb::before {
   background-image: url("IMDb_Logo_Square_Gold.png");
}

/** Main */

.main {
   height: calc(100vh - 64px);
   overflow: hidden;
   overflow-y: auto;
   padding: 8px 0.5em;
}

   .main .block-heading {
      padding: 0.25em 0;
      margin: 1.5em 0 0.25em 0;
      font-weight: bold;
      font-size: 1.15em;
      border-bottom: 1px solid #e7e7e7;
      text-align: center;
   }

   .main .block-subheading {
      margin: 0.5em 0 0.25em 0;
      font-weight: bold;
   }

   .main .block {
      padding: 0.25em 0;
   }

   .main .figure {
      padding: 0.5em 0;
      text-align: center;
   }

      .main .figure img {
         max-width: 50%;
      }

   .main .caption {
      padding: 0.25em 0;
      margin: -0.25em 5% 1em 5%;
      color: #666;
      font-style: italic;
      text-align: center;
   }

/* Menu */
.jump-to {
   display: flex;
   justify-content: space-evenly;
   align-items: flex-start;
}

.jump-to a {
   text-decoration: none;
   color: inherit;
}

.jump-to .jump-to-item a::before {
   content: "\2197";
   content: "\2022";
   margin-right: 0.25em;
}

.jump-to .jump-to-collection {
   width: 22%;
}

.jump-to .jump-to-heading {
   margin: 0.5em 0;
   font-weight: bold;
   text-align: center;
   border-bottom: 1px solid;
}

@media (max-width: 500px) {
   .jump-to {
      flex-direction: column;
   }

   .jump-to .jump-to-collection {
      width: 100%;
      text-align: center;
   }
   
   .jump-to .jump-to-heading {
      margin: unset;
      border: none;
      font-weight: unset;
   }

   .jump-to .jump-to-item {
      display: none;
   }
}