h1, h2, h3, h4, h5, h6
{
    margin-top: 2.0rem;     /* always space a new heading away from the preceeding content */
}

h1 + p,   h2 + p,   h3 + p,   h4 + p,   h5 + p,   h6 + p,
h1 + ul,  h2 + ul,  h3 + ul,  h4 + ul,  h5 + ul,  h6 + ul,
ul li, ol li
{
    margin-top: -0.75rem;    /* pull it up with the heading it is under*/
}

pre
{
    margin-top: -1.25rem;
    font-size: .76rem;
}

.box
{
    border-radius: 4px;
    background-color:goldenrod;
    border: solid 1px darkgoldenrod;
}   /* Adjust the value to your desired border radius */
    /* needed because in 1.0.1, they changed the radius!! from 0.9.3 */



a:hover, .link:hover
{
    color: gold;
}

hr
{

    margin-top: -0.75rem;   /* pull it up with the heading it is underlining*/
    margin-bottom: 2rem;
    border-top: dotted 2px darkgoldenrod;
}

body
{
    background-color: ivory;
    font-size: 1.2rem;
}

/* <uniquifier>: Use a unique and descriptive class name
<weight>: Use a value from 100 to 900 */

.hahmlet-1, body {
  font-family: "Hahmlet", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


.footer { background-color: goldenrod; }