site.css

html {font-family: sans-serif;}

body {width: 60%; margin: 2em auto;}
/* body {min-width: 400px; max-width: 800px; margin: 2em auto;} */

h1, h2, h3 {font-weight: 600;}
h2 {color: #666666;}
p {font-family: Arial, Helvetica, sans-serif;}

figcaption {font-size: 14px; line-height: 1.1;}

header {margin: 2em 0 1.5em 0; text-align: center; padding-bottom: 0em;}
header h1 {margin: .5em 0 0 0; font-size: 48pt;}
header p {font-size: 24pt;  text-align : center; margin: 0}

.logo {display: block; margin-left: auto; margin-right: auto; width: 30%;  }

.intro {margin-top : 10px;}
.abstract { display: block; position: relative;}
svg {margin: 0 auto; display: block;}

.author-list {clear: both; text-align: center; padding: 0; width: 100%; margin: 0;}
.author-list li {display: inline-block; padding: 0 .5ex 0 0;
                 margin: 0.75em 1.5em;
                 max-width: 33%; text-align: center;}
.author-list a {color: #000000; text-decoration: none;}


.author-list img {
    height: 100px;
    display: block;
    margin: 0 auto .5em auto;
}

pre, dt {padding-left: 2.5em; font-size: 16px; font-family: monospace; background-color: #f1f1f1;}

div.column-container > div {width: 25%; float: left; padding: 0 4%}
div.column-container > div > h3 {margin: auto 10px}
div.column-container > div > ul {list-style: inside none; margin: 0; padding: 0;}

ul {padding-left: 1em;}

.aref {color: #000000; padding-right:1em}

table {
  font-family: arial;
  border-collapse:separate;
  border-spacing:0 5px;
  width: 100%;
}

td, th {
  text-align: left;
  padding: 10px;
}