html {
  font-size: 72.5%; }

body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
    line-height: 1.7;
    font-weight: 400;
    font-family: "Noto Sans", sans-serif;
    color: #222; 
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; margin-top:2.4rem;}
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

div#headpane {

    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
    height:auto;
    width: 950px;
}

div#contentpane {
    
    position:relative;
    margin-top: -10px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom: 100px;
    color: #222222;
    font-size:100%;
    width: 85%; 
    background-color: #FFFFFF;
    clear: both;
    line-height: 150%;
    z-index: 1;
}

div#content {
    position: relative;
    top: 20px;
    margin-left:40px;
    margin-right:40px;
    width: auto;
}

div#pagetitle {
    text-align:left;
    margin-top: 3%;
    /*margin-left: 10%;*/
    margin-left: auto;
    margin-right: auto;
    width: 850px;
    margin-bottom: 4%; /*previously 4*/
    display: flex;
    justify-content: center;
}



#headerimg {
    margin-left: 0px;
    /* border: 2px solid #FFFFFF; */
    width: 260px;
    height: 260px;
    margin-bottom: 0px;
    margin-right: 40px;
}

#name {
    vertical-align: top;
    text-align: center;
		margin-top: 25px;
}

div#myname {
	letter-spacing: -.1rem;
	font-weight: bold;
	font-size: 300%;
	color: #2E75B6;
	/* color: #ED7D31; */
	margin-bottom: 25px;
	/* color: #C55A11; */
}

div#myjob {
	font-weight: bold;
	letter-spacing: -.05rem;
	font-size: 125%;
	margin-bottom: 20px;
}

div#mycontact {
	text-align: left;
	margin-left: 0px;
	margin-bottom: 20px;
}

div#mycontact {
	margin-left: 0px;
}

p {
    height: auto;
    margin: 0;
    margin-bottom: 1em;
}

h1{
    color: #222222;     
    font-weight: bold;
    margin: 0% 0% 1% 0%;
}

h2{
    color: #222222;
    margin: -1% 0% 2% 0%;
    font-weight: bold;
}

h3 {
    font-weight: bold;
}

h1 > a{
    color: #222222;
    text-decoration: none;
    font-weight: bold;
}

h1>a:hover {
    color: #222222;
    text-decoration: none;
    font-weight: bold;
}

#footer {
    margin: 30px 0px;
    text-align: center;
    /* position: fixed; */
    bottom: 0px;
    font-size:70%;
    width: 100%;
    color: #222222;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;    
}

#footer a:hover, #contentpane a:hover {
    color: #9DC3E6;
}

hr {
    color: #222222;
    height = 1px;
}

a {
    color: #2E75B6;  
    text-decoration: none;
    /*font-weight: normal;*/
}

/* ===== Papers / research ===== */

.paper {
  margin: 0 0 10px 0;     /* less vertical gap between papers */
  padding: 0 0 8px 0;
  line-height: 1.45;
}

.paper p {
  margin: 0;              /* kill paragraph spacing */
  margin-left: 0;         /* remove indent */
}

.paper p + p {
  margin-top: 2px;        /* tiny controlled spacing */
}

.paper-title-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.paper-title {
  font-size: 1.00em;
  font-weight: 600;
  line-height: 1.25;
  color: #222222;
}

/* tighter + smaller metadata */
.paper-authors,
.paper-venue {
  font-size: 0.82em;
  line-height: 1.25;
}

.paper-authors {
  margin-top: 1px;
  color: #555;
}

.paper-authors a {
  color: inherit;
  text-decoration: none;
}

.paper-authors a:hover {
  color: #2E75B6;
  text-decoration: underline;
}

.paper-venue {
  margin-top: 0;
  font-size: 0.82em;
  line-height: 1.25;
  color: #666;          /* lighter, metadata feel */
  font-weight: 400;     /* NOT bold */
}

.venue-acronym {
  font-weight: 600;     /* emphasis */
}


.venue-sep {
  color: #aaa;
  margin: 0 4px;
}

.paper-note {
    margin-top: 0;
	padding: 2px 0px;
    font-size: 0.72em;
    line-height: 1.25;
    color: #ed7d31;
    font-weight: 600;
}

table ol {
  margin: 0;
  margin-left: -1.3em;
}

.rg {
  border-collapse: collapse;
  text-align: left;
  vertical-align: top;
}

.rg table,
.rg th,
.rg td {
  border-bottom: 1px solid black;
  border-collapse: collapse;
  vertical-align: top;
}

.rg th,
.rg td {
  padding: 7px 10px;
}
  
.divider {
    height: 2px;
    border: #222222;    
    background-color: #222222;  
    margin-top: 3.2rem;  
    margin-bottom: 2.4rem;  
  }
  
.nav {
    width: 100%;
    background-color: #F5F5F5; 
    border-color: #EEEEEE;
    color: #222222;
    margin-top: -13px;
    margin-left: -8px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 90%;
    position: fixed;
    z-index: 2;
    display: flex;
    justify-content: space-evenly;
    align-items: center;    
    height: 50px;
}

.nav div {
    padding: 0px 5px;
}

.nav a {
    color: #222222;
}

.nav a:hover {
    color: #A0A0A0;
}

#empty {
    width: 100%;
    height: 40px;
}

.on {
    font-weight: bold;
}

#buffer {
    width: 100%;
    height: 140px;
    z-index: 0;
}

#logo {
    height: 15pt;
    margin-right: 2px;
    margin-left: 5px;
    padding-top: 2px;
}

#news ul {
	list-style-type: none;
	margin-left: -20px;
}

#date {
	color: #ED7D31;
	font-size: 80%;
	font-weight: bold;
	margin-right: 5px;
}

#nav-name {
	color: #2E75B6;
	font-size: 140%;
	font-weight: bold;
}

#label-preprint,
#label-code,
#label-talk,
#label-misc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;

  min-height: 20px;
  padding: 0 10px;
  border-radius: 999px;

  color: #ffffff;
  font-family: "Noto Sans", sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;

  margin-left: 4px;
  white-space: nowrap;
}

#label-preprint {
  background: #ED7D31;   /* orange */
}

#label-talk {
  background: #2E75B6;   /* blue */
}

#label-code {
  background: #4F6D8A;   /* blue-gray */
}

#label-misc {
  background: #7A8CA5;   /* lighter blue-gray */
}
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 60%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

#myBtn {
	color: #2E75B6;
}

#myBtn:hover {
	color: #F;
}