/*************************************************************************
 * This css file is for your own style.
 *************************************************************************/

#me {
  width: 180px;
  border-radius: 50%;
}

.flex-item-stretch-6 {
  flex: 1 auto;
}

.max-width-600 {
  max-width: 600px;
}

@media screen and (min-width: 900px) {
  .flex-item-stretch-6 {
    flex: 5.5;
  }
}
 
/* Bullet marker for publication/CV lists, replacing the
   template counter prefixes ([B1], [E1], [J1], ...) in frame.css */
ol.publication li p:before {
  content: "\2022";
}

/* Portrait: cap the width and let the height follow, so the 3:2 aspect
   ratio is preserved at every viewport instead of being squashed by the
   img height attribute once the column narrows. */
.content img.image {
  height: auto;
  max-width: 450px;
}

/* Social icons under the contact block: inherit the site link colours
   via currentColor, and drop the underline the .content p a:hover rule
   would otherwise draw across the icon box. */
.social-links a {
  display: inline-block;
  margin-right: 14px;
  line-height: 0;
}

.social-links a:hover {
  text-decoration: none;
}

.social-links svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
  vertical-align: middle;
}