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

.subtitle { font-family: "Noto Sans", sans-serif; font-weight: 300; font-size: 1.1em; margin-bottom: 0em; }

body { font-family: "Source Sans Pro", sans-serif; font-weight: 100; font-size: 0.95em; line-height: 1.4; }

.title { font-family: sans-serif; font-weight: bold; }

.portrait { border-radius: 5%; overflow: hidden; margin: 0.25em; }
.portrait img { transform: scale(1.05); }

.footer { background-color: #ffffff; padding: 2rem 1.5rem 2rem; font-size: 12px; }

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

.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: 80%; font-weight: 500; color: firebrick; padding-left: 0.25em; }
.publication-block .publication-awards { color: firebrick; width: fit-content; font-weight: bolder; }
.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-image { border-radius: 2%; width: 100%; height: 100%; overflow: hidden; font-size: 0; }
.publication-block .publication-image img { width: 100%; }
.publication-block .publication-mousecell { position: relative; font-size: 0; }
.publication-block .publication-mousecell { width: 100%; height: 100%; display: inline-block; overflow: hidden; }
.publication-block .publication-mousecell video { display: none; }
.publication-block .p.publication-description { color: #333; margin-bottom: 0em; }
.publication-block .publication-links { margin: 0 !important; margin-top: 0em !important; }

.content blockquote:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content p:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child), .content ul:not(:last-child) { margin-bottom: 0em; }

.hero-body { padding: 0; }

.navbar-end { padding: 1em 5em 0em 0em; }

.navbar-brand { padding: 1em 0em 0em 5em; }

.title.navbar-banner { margin-bottom: 0em; padding: 1em 0em 0em 5em; font-family: "Noto Sans", sans-serif; }
.title.navbar-banner a { color: #333; }

.navbar-item { font-family: "Source Sans Pro", sans-serif; font-size: 1.4em; font-weight: 400; color: #777; padding: 0.5em 1em; border-width: 0 0 .3em 0; border-color: transparent; border-style: solid; display: inline-block; }

a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active { background-color: #ffffff; color: #485fc7; border-color: #485fc7; }

.navbar-link.is-active { background-color: #485fc7; }

.hr { padding: 0em; height: 0.5em; text-align: center; font-family: sans-serif; font-weight: bold; font-size: 2em; }

.container.subtitle { padding-top: 1em; font-size: 1.4em; }

.social { display: flex; justify-content: left; }
.social ul { list-style-type: none; display: flex; justify-content: space-around; flex-wrap: wrap; width: 250px; padding: 0; }
.social ul li { display: inline-block; padding: 0em; }
.social ul li a { white-space: nowrap; color: #3f444d; }
.social ul li a:hover { color: #485fc7; }
.social ul li a i { font-size: 2em; vertical-align: middle; }

.pt-24 { padding-top: 10rem !important; }

.is-bg-cover { background-repeat: no-repeat; background-size: cover; }

.has-no-rounded { border-radius: 0px !important; }

.is-cursor-pointer { cursor: pointer !important; }

.transform { -webkit-transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); }

.is-duration-300 { transition-duration: 0.3s; }

.is-bg-cover .card-content { background-color: rgba(0, 0, 0, 0.02); }

.is-bg-cover:hover .card-content { background-color: rgba(0, 0, 0, 0.75); }

.title-transform-y { -webkit-transform: translateX(0) translateY(5rem) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); transform: translateX(0) translateY(5rem) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); }

.underline-br { width: 5rem; height: 0.5rem; background-color: #485fc7; }

.text-motion { opacity: 0; }

.is-bg-cover:hover .card-content .text-motion { opacity: 1; }

.is-bg-cover:hover .title-transform-y { -webkit-transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); }

.is-bg-zoom:hover { background-size: 150%; }

.hover-translate-y:hover { -webkit-transform: translateX(0) translateY(-0.25rem) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1) !important; transform: translateX(0) translateY(-0.25rem) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1) !important; }

.is-bg-zoom { background-position: center; background-size: 125%; transition: all 0.3s ease-in-out; }

.container.grid { display: grid; width: 60%; grid-gap: 1em; padding-top: 2em; }

.button.is-primary { background-color: #485fc7; }