div.content
{
    line-height: $content-line-height;
}

div.content > p
{
    margin: 1.5*$content-line-height 0;
}

li > p
{
    margin: .2*$content-line-height 0;
}

// Icons
.icon {
    display: inline-block;
		user-select: none;
    width: 1rem;
    height: 1rem;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}


h1
{
    font-size: 2rem;
    line-height: 2rem;

    margin: 1rem 0;

    color: $titles-color;
}

h2
{
    font-size: 1.5rem;

    margin: .8rem 0;

    color: $titles-color;
}

h3
{
    font-size: 1rem;

    margin: .67rem 0;

    color: $titles-color;
}

h4
{
    font-size: 1rem;

    margin: .67rem 0;

    color: $titles-color;
}

p
{
    font-size: 1rem;

    margin: .5rem 0;
}


/* Title Page */
.titlepage {text-align: center}
.titlepage h1 {font-weight: normal}


/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong
{
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn
{
    font-style: italic;
}


/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp
{
    font-family: monospace, serif;
    font-size: 1rem;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre
{
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q
{
    quotes: '\201C' '\201D' '\2018' '\2019';
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small
{
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sup
{
    top: -.5rem;
}

sub
{
    bottom: -.25rem;
}

/* Font Selection */
.mdseries, .textmf {font-weight: normal}
.bfseries, .textbf {font-weight: bold}
.rmfamily, .textrm {font-family: serif}
.sffamily, .textsf {font-family: sans-serif}
.ttfamily, .texttt {font-family: monospace}
.upshape, .textup  {text-transform: uppercase}
.itshape, .textit  {font-style: italic}
.slshape, .textsl  {font-style: oblique}
.scshape, .textsc  {font-variant: small-caps}

small.tiny         {font-size: x-small}
small.scriptsize   {font-size: smaller}
small.footnotesize {font-size: small}
small.small        {font-size: small}
.normalsize        {font-size: normal}
big.large          {font-size: large}
big.xlarge         {font-size: x-large}
big.xxlarge        {font-size: x-large}
big.huge           {font-size: xx-large}
big.xhuge          {font-size: xx-large}

/* Fonts */
.rm {
    font-family: serif;
    font-style: normal;
    font-weight: normal;
}
.cal {
    font-family: serif;
    font-style: italic;
    font-weight: normal;
}
.it {
    font-family: serif;
    font-style: italic;
    font-weight: normal;
}
.sl {
    font-family: serif;
    font-style: oblique;
    font-weight: normal;
}
.bf {
    font-family: serif;
    font-style: normal;
    font-weight: bold;
}
.tt {
    font-family: monospace;
    font-style: normal;
    font-weight: normal;
}

.underbar {text-decoration: underline}

/* Boxes */
.fbox, .framebox {
    border: 1px black solid;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}

/* Quotations and Verse */
.quotation, .quote, .verse {
}
.quotation p, .quote p, .verse p {
    margin-top: 0px;
    margin-bottom: 0.5em;
}

hr {color: black}

dd {
  margin-left: 3rem;
}
dd p {
  padding: 0;
  margin: 0 0 1rem 0;
}

