body
{
    font-family      : Verdana, sans-serif;
    font-size        : 1em;
    margin           : 0;       /* to avoid problems with class rightAligned */
    padding          : 0;       /* to avoid problems with class rightAligned */
}

h1
{
    font-size        : 2em;
}

td, th
{
    margin : 10px;
    padding : 10px;
}

.image-container {
    position: relative;
    display: inline-block;
}

.image {
    display: block;
    max-width: 100%;
}

.horiz-centered {
    display: flex;
    align-items: center;
}

.external-link {
    font-size: 1.3em;
}

.limited-height {
    height: 10%;
}

.contentArea  /* see @media for more styling of this class */
{
    margin           : 10px auto;   /* top&bottom = 10px, center horizontally */
}

.textArea
{
    padding          : 10px 10px 10px 20px;
}

article
{
    margin-right     : 10px;
    margin-bottom    : 20px;
}

hr
{
    margin           : 10px 0;
}

blockquote
{
    font-style: italic;
}

a
{
    text-decoration  : none;
    color            : #462d08;
}

.indented
{
    margin-top       :  3pt;
    margin-left      : 14pt;
}

.centered
{
    display          : block;
    margin-right     : auto;
    margin-left      : auto;
}

.youtube-video
{
    width: 100%;
    aspect-ratio: 16/9;
}