body {
margin-top: 230px;
font-family: "Segoe UI", -apple-system, system-ui, -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }
.container > .container {
padding: 0; }
@media (min-width: 992px) {
body {
margin-top: 230px; } }
@media (max-width: 767px) {
body {
margin-top: 65px; } }
@media (max-width: 991px) {
.lead {
font-size: 1.1rem; } }
a {
color: #871921; }
a:hover {
color: #BE2C37; }
#logo {
height: 120px;
width: 150px;
transition: all 0.3s ease; }
#navbar {
padding: 2rem 0;
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 10;
transition: all 0.3s ease, max-width 0.01s linear; }
#navbar.mini {
padding: 0.4rem 0; }
#navbar.mini #logo {
height: 36px;
width: 66px; }
#navbar img {
top: 50%;
transform: scale(1);
transform-origin: top left;
transition: all 0.3s ease; }
#navbar.mini img {
transform: scale(0.3); }
#navbar #title {
transition: all 0.3s ease;
opacity: 1;
display: block;
height: 100px;
transform-origin: left top;
overflow: hidden; }
#navbar.mini #title {
opacity: 0;
/* zoom: 0.00001; */
/* transform: scale(0.00001, 0.00001); */
height: 0;
padding: 0;
margin: 0; }
#navbar #title2 {
transition: all 0.4s ease;
opacity: 0;
display: block;
width: 0;
transform-origin: left top;
overflow: hidden;
white-space: nowrap; }
#navbar.mini #title2 {
opacity: 1;
width: 6rem;
margin-left: -1rem; }
#navbar > * {
z-index: 10; }
@media (max-width: 767px) {
#navbar {
padding: 0.5rem 0.3rem; }
#navbar > .row {
align-items: flex-start !important; }
#navbar.mini {
padding: 0.5rem 0.3rem; }
#navbar #logo {
height: 36px;
width: 66px;
margin-left: 5px; }
#navbar img {
transform: scale(0.3); }
#navbar #title {
opacity: 0;
/* zoom: 0.00001; */
/* transform: scale(0.00001, 0.00001); */
height: 0;
padding: 0;
margin: 0; }
#navbar #title2 {
opacity: 1;
width: 6rem;
margin-left: -1rem;
margin-top: -3px; } }
#navbar-bg {
position: absolute;
width: 100vw;
height: 100%;
top: 0;
left: 50%;
transform: translateX(-50%);
background: #f0f0f0;
background-size: 100% auto;
z-index: -1 !important; }
#title {
font-size: 4rem;
padding-left: 0.3rem; }
.dropdown-toggle {
outline: none; }
.navbar {
padding: 0; }
.jumbotron {
padding: 2.5rem; }
.lead-container {
padding-bottom: 1em; }
.lead-container div > p:last-child {
margin-bottom: 0; }
@media (max-width: 767px) {
.hide-small {
display: none; } }
.show-small {
display: none; }
@media (max-width: 767px) {
.show-small {
display: inline; } }
#experiments {
display: flex;
flex-direction: column; }
@media (max-width: 767px) {
#experiments {
display: none; } }
#experiments > a {
background: #f0f0f0;
margin: 0.5rem;
padding: 0.8rem 1rem;
color: black;
text-decoration: none;
box-shadow: 5px 5px 2px rgba(50, 50, 50, 0.2);
border-radius: 3px; }
#experiments > a:hover {
background: #e8e8e8;
box-shadow: 4px 4px 2px rgba(50, 50, 50, 0.2);
margin-left: calc(0.5rem + 1px);
margin-right: calc(0.5rem - 1px);
margin-top: calc(0.5rem + 1px);
margin-bottom: calc(0.5rem - 1px);
/* padding-left: calc(1.5rem + 2px); */ }
#experiments > a:active {
background: #e0e0e0;
box-shadow: 3px 3px 2px rgba(50, 50, 50, 0.2);
margin-left: calc(0.5rem + 2px);
margin-right: calc(0.5rem - 2px);
margin-top: calc(0.5rem + 2px);
margin-bottom: calc(0.5rem - 2px); }
#experiments > a > h2 {
display: block; }
@media (max-width: 1199px) {
#experiments > a > h2 {
margin-bottom: 0; } }
#experiments > a > p:last-child {
margin-bottom: 0.1rem; }
.card-columns {
column-count: 2;
orphans: 1;
widows: 1; }
.journal-link {
font-size: 0.9rem;
margin-right: 1rem; }
.authors {
font-size: 0.9rem;
color: #555;
font-style: italic; }
.md > p {
margin: 0;
padding: 0; }
@media (max-width: 767px) {
.people {
font-size: 80%; } }
.people .people-group {
column-count: 3; }
@media (max-width: 767px) {
.people .people-group {
column-count: 2; } }
.people .people-group .person {
break-inside: avoid;
-webkit-column-break-inside: avoid;
/* Chrome, Safari, Opera */
page-break-inside: avoid;
/* Firefox */
display: block;
overflow: hidden;
width: 100%;
padding-bottom: 0.1rem;
position: relative; }
dt {
float: left;
clear: both;
text-align: right;
width: 7.5rem;
display: block; }
dd {
margin-left: 8rem; }
#paper-grid {
margin-left: -1rem;
margin-right: -1rem; }
@media (max-width: 767px) {
#paper-grid {
margin: 0; } }
#paper-grid .paper {
width: 50%;
padding: 0rem 1rem;
margin: 0; }
#paper-grid .paper .col {
padding: 0; }
@media (max-width: 1199px) {
#paper-grid .paper {
width: 70%;
left: 15% !important;
text-align: left; } }
@media (max-width: 1023px) {
#paper-grid .paper {
width: 80%;
left: 10% !important;
text-align: left; } }
@media (max-width: 767px) {
#paper-grid .paper {
width: 100%;
left: 0% !important;
padding: 0;
text-align: left; } }
#paper-grid .paper img {
display: block;
width: calc(100%);
height: auto !important;
margin: 0.5rem 0 !important; }
.paper-title {
text-align: left; }
.lab .people {
text-align: right; }
@media (max-width: 767px) {
.lab .people {
text-align: left; } }
.lab .people .people-group {
column-count: 1; }
@media (max-width: 767px) {
.lab .people .people-group {
column-count: 2; } }
.lab .paper-excerpt {
column-count: 2;
column-gap: 1rem;
margin-top: 0.5rem; }
@media (max-width: 1023px) {
.lab .paper-excerpt {
column-count: 1;
text-align: left; } }
.lab .paper img {
width: 100%;
height: auto !important;
float: right !important;
clear: both;
margin: 0.5rem 0 !important; }
.justify {
text-align: justify;
hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto; }
.paper-detail {
column-count: 2;
column-gap: 2rem; }
@media (max-width: 767px) {
.paper-detail {
column-count: 1;
text-align: left; } }
.minipic {
display: block;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
border: 1px solid #333; }
@media (max-width: 767px) {
.minipic {
width: 80px;
height: 80px;
margin-top: 20px; } }
.contact-iframe {
width: 100%;
max-width: 400px; }
.date {
font-style: italic;
color: #333;
font-size: 90%; }
.footerpic {
width: 50%;
max-width: 120px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px; }
.centertxt {
text-align: center;
margin-bottom: 0px; }