@font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('./fonts/PublicSans-Regular.woff2') format('woff2'),
	 url('./fonts/PublicSans-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Public Sans Bold';
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url('./fonts/PublicSans-Bold.woff2') format('woff2'),
	 url('./fonts/PublicSans-Bold.woff') format('woff');
}


body {
    font-family: 'Public Sans', 'Public Sans Bold';
    text-rendering: optimizeLegibility;
}

h1 {
    text-align:left;
}

.date {
    font-size: 0.923em;
    width: 100%;
    margin-left: 0;
    transform: translate(0em, -1em);
}

.tabRow {
    margin: 0 auto;
    text-align:center;

}

.tabButton {
    color:#241f31; /*#000000*/
    background-color:#f2f2f2;
    border: none;
    font-size: 0.8rem;
    height: 1.6rem;
    display: inline-block;
    transform: translate(0px, 40px);
    width: 23.6ch; /*set an initial width to avoid bouncing effect when switching tabs*/
}

.selected {
    background-color:#deddda;
}

.tabButton:hover {
    transition: 0.1s;
}

.backButton:hover {;
    transform: translate(-2px, 38px);
    box-shadow: 2px 2px 0px 0px #9a9996;
}

.column {
    background-color:white;
    border-top:4px solid #deddda;
    border-bottom:4px solid #deddda;
    margin: 0 auto;
    overflow-x: scroll;
    max-width: 70ch;
    min-height: 20ch;

    hyphens: none;
    font-size: 1rem;
    padding: 1rem 2rem;
    line-height: 1.5;

    padding-top: 40px;
}

.column#nojs

img {
    height: auto;
    
}

figure {
    counter-increment: figcaption;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

figcaption {
    font-size: 0.923em;
    padding: 0.25em 0.25em 0;
    width: 100%;
    margin-left: 0;
}

.footer {
    background-color:white;
    margin: 0 auto;
    max-width: 100ch;

    hyphens: none;
    font-size: 0.8rem;
    text-align:center;
}

a {
    color: #e66100;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: auto;
    max-width: 100%;
}

th, td {
    text-align: left;
    padding: 0.5em;
    
}

th {
    border-bottom: 2px solid #deddda;
    padding-top: 2em;
}