body { font-family: "Noto Sans", sans-serif; }

.title { font-family: 'Google Sans'; font-weight: 700; }

.hero-body { padding-top: 3.5rem; padding-bottom: 2.5rem; }

.portrait { overflow: hidden; }

.portrait img { width: 100%; max-width: 240px; display: block; margin: 0 auto; }

.hr .container { max-width: 960px; }

.footer .footer-links a { font-size: 25px; color: #000; margin: 0 0.35rem; }

.publication-block { margin-top: 1rem; margin-bottom: 1.65rem; }
.publication-block .publication-title { width: fit-content; margin: 0 !important; font-weight: 600; font-size: 110% !important; }
.publication-block .publication-title a { color: #000; }
.publication-block .publication-venue { color: #555; width: fit-content; margin-top: 0; }
.publication-block .publication-venue-emph { font-style: normal; font-size: 100%; font-weight: 500; color: #dc143c; padding-left: 0.25em; }
.publication-block .publication-authors .author-me { color: #000; font-weight: 600; }
.publication-block .publication-authors a { color: #000 !important; }
.publication-block .publication-authors a:hover { text-decoration: underline; }
.publication-block .publication-description { color: #333; margin: 0.5em 0; }
.publication-block .publication-links { margin: 0 !important; margin-top: 0.5em !important; }

.content ul li { margin-bottom: 0.45rem; }

.button.is-light { border-radius: 6px; }

.footer { padding-top: 2.5rem; padding-bottom: 2.5rem; }

@media screen and (max-width: 768px) { .hero-body { padding-top: 2.25rem; }
  .portrait img { max-width: 190px; margin-bottom: 1.25rem; }
  .buttons { justify-content: center; } }