html, body {
  margin: 0;
  padding: 0;
}

body {
  width: 90%;

  max-width: 1400px;

  padding-left: 10%;

  margin-left: auto;
  margin-right: auto;

  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;

  background-color: white;
  color: #111;
}

abbr {
  border-bottom: 1px dotted;
cursor: help
}

h1 { font-weight: 400;
     margin-top: 3rem;
     margin-bottom: 1.5rem;
     font-size: 3.2rem;
     line-height: 1; }

h2 { font-style: italic;
     font-weight: 400;
     margin-top: 2.1rem;
     margin-bottom: 0;
     font-size: 2.2rem;
     line-height: 1; }

h3 { font-style: italic;
     font-weight: 400;
     font-size: 1.7rem;
     margin-top: 2rem;
     margin-bottom: 0;
     line-height: 1; }

article {
  position: relative;
  padding: 3.5rem 0rem;
}

section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

footer {
  background: rgb(240, 240, 240);
  padding-left: 1.5rem;
  padding-top: .1rem;
  padding-bottom: .1rem;
  font-size: 0.9rem;
  margin-top: 3rem;
}
/*
.note {
  background: rgb(240, 240, 240);
  padding-left: 1.5rem;
  padding-top: .1rem;
  padding-bottom: .1rem;
  font-size: 0.9rem;
  margin-top: 1rem;
  margin-left: 1rem;
  margin-bottom: 1rem;
}
*/
.example {
  float: right;
  margin-left: 1cm;
  margin-right: 1cm;
}

.indent {
  margin-left: 1cm;
  margin-bottom: 1cm;
}

.tip {
  background-color: lightgoldenrodyellow;
  padding-left: .5cm;
  padding-right: .5cm;
  padding-top: .4cm;
  padding-bottom: .3cm;
  width: 60%;
  font-size: 90%;
}
p {
  line-height: 1.4;
  width: 65%;
}
p.subtitle { font-style: italic;
             margin-top: 1rem;
             margin-bottom: 1rem;
             font-size: 1.8rem;
             display: block;
             line-height: 1; }

a {
  /*color: #1EAEDB; */
  color: black;
}
a:hover {
  /*color: #0FA0CE; */
  color: grey;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td {
  padding: 6px 12px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }

code {
  padding: .1rem .4rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  overflow-x: auto;
  max-width: 60%;
  /*border: 1px solid #E1E1E1;
  border-radius: 4px;*/ }
pre > code {
  display: block;
  padding: 0rem 1rem;
  white-space: pre; }

ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: .2rem; }

hr {
  margin-top: 2rem;
  margin-bottom: 2.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


.card {
  display: inline-block;

  border: 1px dashed rgba(0, 0, 0, 0.3);
}

/* Additionals */
/*
.card {
  position: relative;

  display: inline-block;

  border: 1px dashed rgba(0, 0, 0, 0.3);
}

.card-content {
  overflow: hidden;

  width: 100%;
  height: 100%;
}

.card-size-075x075 {
  width:  .75in;
  height: .75in;
}

.card-size-175x35 {
  width:  1.75in;
  height: 3.5in;
}

.card-size-25x35 {
  width:  2.5in;
  height: 3.5in;
}

.card-size-25x25 {
  width:  2.5in;
  height: 2.5in;
}

.card-size-35x25 {
  width:  3.5in;
  height: 2.5in;
}*/