/* Deliberately old-school: tiled background, centered everything, bevels. Circa 1997. */

/* Latin Modern: the TeX font. Latin Modern Math's upright letters are the
   same design as LM Roman 10, so its italic/bold faces fill in here. */
@font-face { font-family: "LM"; src: url("fonts/latinmodern-math.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: "LM"; src: url("fonts/lmroman10-italic.woff2") format("woff2"); font-weight: normal; font-style: italic; }
@font-face { font-family: "LM"; src: url("fonts/lmroman10-bold.woff2") format("woff2"); font-weight: bold; font-style: normal; }
@font-face { font-family: "LM"; src: url("fonts/lmroman10-bolditalic.woff2") format("woff2"); font-weight: bold; font-style: italic; }
@font-face { font-family: "LM Mono"; src: url("fonts/lmmono10-regular.woff2") format("woff2"); }

body {
  max-width: 760px;
  margin: 24px auto;
  padding: 0 16px;
  background: #e2dcc8 url("img/sand.gif");
  color: #111;
  font-family: "LM", "Times New Roman", Times, serif;
  font-size: 19px;
  line-height: 1.4;
  text-align: center;
}

a { color: #0000ee; }
a:visited { color: #551a8b; }
a:active { color: #ee0000; }

h1 { font-size: 2.2em; margin-bottom: 0.2em; }
h2 { font-size: 1.4em; }

hr {
  border: 0;
  height: 0;
  border-top: 2px groove #f4f0e4;
  border-bottom: 2px ridge #f4f0e4;
  width: 90%;
  margin: 1.5em auto;
}

.nav { font-family: "LM Mono", "Courier New", Courier, monospace; font-size: 16px; }

img.construction { margin: 8px 0; }

/* Figure grid: a real <table>, like it's 1998 */
table.figures {
  width: 100%;
  border: 3px outset #ccc;
  border-spacing: 6px;
  background: #c0c0c0;
}
table.figures td {
  width: 33%;
  vertical-align: top;
  border: 2px inset #ccc;
  padding: 4px;
  background: #fff;
}
table.figures img {
  width: 100%;
  height: auto;
  border: 0;
  display: block;
}
table.figures small { display: block; margin-top: 4px; }

/* Centered block, left-aligned entries: a centered bibliography is unreadable */
ol.papers {
  display: inline-block;
  text-align: left;
  margin: 0 auto;
  padding: 12px 16px 4px 40px;
  background: #fffff4;
  border: 2px inset #ccc;
}
.papers li { margin-bottom: 0.8em; }

.new {
  color: #e00000;
  font-weight: bold;
  font-size: 0.75em;
  animation: blink 1s steps(1) infinite;
}
@keyframes blink { 50% { visibility: hidden; } }

img.portrait { border: 3px outset #ccc; }

/* Hit counter: odometer digits */
.counter {
  display: inline-block;
  font-family: "LM Mono", "Courier New", monospace;
  font-size: 20px;
  letter-spacing: 0;
}
.counter span {
  display: inline-block;
  width: 0.9em;
  margin: 0 1px;
  background: #000;
  color: #3f3;
  border: 2px inset #888;
}

.badges img { margin: 2px; vertical-align: middle; image-rendering: pixelated; }

address { font-style: normal; }

@media (prefers-reduced-motion: reduce) {
  .new { animation: none; }
}

/* Phones: stack the figure table */
@media (max-width: 600px) {
  table.figures, table.figures tbody, table.figures tr, table.figures td {
    display: block;
    width: auto;
  }
  table.figures td { margin-bottom: 6px; }
}