@import url("/?originalUrl=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DRoboto%3A400%2C400italic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic%2C300italic%2C300");
/* Color scheme stolen from Sergey Karayev */
a {
/*color: #b60a1c;*/
color: #1772d0;
/*color: #bd0a36;*/
text-decoration:none;
}
a:focus, a:hover {
color: #f09228;
text-decoration:none;
}
body,td,th,tr,p,a {
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 300;
}
strong {
font-family: 'Roboto', sans-serif;
/*font-family: 'Lato', Verdana, Helvetica, sans-serif;*/
/*font-family: 'Avenir Next';*/
font-size: 15px;
font-weight: 400;
}
heading {
font-family: 'Roboto', sans-serif;
font-size: 24px;
font-weight: 400;
}
papertitle {
/*font-family: 'Lato', Verdana, Helvetica, sans-serif;*/
font-family: 'Roboto', sans-serif;
/*font-family: 'Avenir Next';*/
/*src: url("/?originalUrl=https%3A%2F%2Fkris-singh.github.io%2Ffonts%2FRoboto_Mono_for_Powerline.ttf");*/
font-size: 15px;
font-weight:500;
}
name {
/*font-family: 'Lato', Verdana, Helvetica, sans-serif;*/
font-family: 'Roboto', sans-serif;
/*font-family: 'Avenir Next';*/
font-weight: 400;
font-size: 32px;
}
.one
{
width: 160px;
height: 140px;
position: relative;
}
.two
{
width: 160px;
height: 160px;
position: absolute;
transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;
}
.fade {
 transition: opacity .2s ease-in-out;
 -moz-transition: opacity .2s ease-in-out;
 -webkit-transition: opacity .2s ease-in-out;
}
span.highlight {
    background-color: #ffffd0;
}
.publication-item {
    display: none; /* Hide all by default */
}
.selected-publication {
    display: table-row; /* Show selected ones */
}
.publication-toggle-button {
  cursor: pointer;
  color: #1772d0;
  text-decoration: none; /* Remove underline by default */
  padding: 6px 12px; /* Add button-like spacing */
  border-radius: 15px; /* Create a "pill" shape */
  transition: all 0.2s ease;
  font-weight: 500;
}

.publication-toggle-button:hover {
  background-color: #e9ecef; /* Light background on hover */
  color: #1772d0;
}

.publication-toggle-button.active {
  background-color: #1772d0; /* Blue background for active state */
  color: white; /* White text for active state */
}
.profile-pic {
  border-radius: 8px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12); /* A more visible base shadow */
  transition: all 0.3s cubic-bezier(.25,.8,.25,1); /* A smoother, bouncier transition */
}

.profile-pic:hover {
  transform: scale(1.05) translateY(-5px); /* Enlarge more and lift it up slightly */
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); /* A much deeper shadow on hover */
}