/* Layout of main page. Two grid blocks */

h2 {
    text-align: center;
}

body {
  margin: 12pt;
}

hr {
    width: 75%;
    margin-top: 2em;
    margin-bottom: 2em;
}

/* Monthly tables are displayed in rows of 4 */

.monthly {
    display: grid;
    grid-gap: 12pt;
    grid-template-columns: repeat(4, min-content);
}

/*  Weekly tables are displayed one month per row.
    o far there have never been more than 5 posts in a month;
    if you ever need to change this, also change buildWeb.py */

.weekly {
    display: grid;
    grid-gap: 12pt;
    grid-template-columns: repeat(5, min-content);
}

.gridTable {
    border-style: solid;
    border-width: medium;
    padding: 1em;
    min-width: 30em;
}

/*  Table formatting.
    Monospace font because lots of numbers
    <td> is used for numbers, right aligned so can see magnitudes
    <th> is for captions and names, left aligned
*/

table {
    font-family: 'Lucida Console', 'Courier New', 'monospace';
}

th {
    text-align: left;
    padding-left: 1em;
}

td {
    text-align: right;
}