@charset "UTF-8";
/* 2. Reset –––––––––––––––––––––––––––––––––––––––––––– */
/* reset block elements  */
* {
  box-sizing: border-box;
  border-spacing: 0;
  margin: 0;
  padding: 0; }

header, footer, figure, table, details, blockquote,
ul, ol, dl, fieldset, pre, pre > code, caption {
  display: block;
  width: 100%;
  overflow: auto hidden;
  text-align: left; }

summary, input, select {
  outline: none; }

/* reset clickable things  (FF Bug: select:hover prevents usage) */
a, button, select, summary {
  color: #5e0035;
  cursor: pointer; }

html {
  font-size: 12pt;
  background: White; }

/* Style the header */
header {
  color: Black;
  background-color: #fde3f1;
  padding: 0;
  text-align: center; }
  header h1 {
    font-size: 2.5rem; }
  header p {
    font-size: 1.5rem; }

/* Style the body */
body {
  position: center;
  width: 100%;
  font: 1em/1.6 "Open Sans", "DejaVu Sans", FreeSans, Helvetica, sans-serif;
  color: Black;
  background-color: whitesmoke;
  overflow-x: scroll; }

body > footer {
  margin: 1rem 0rem 0rem;
  font-size: 90%; }

p {
  margin: .6em 0; }

main-text, .maintext {
  float: center;
  margin: 12pt 12pt 12pt 12pt;
  padding: 1em 1em 1em 1em;
  width: 100%;
  max-width: 48em;
  min-width: 28.8em;
  background-color: White; }

/* headings */
h1, h2, h3, h4, h5 {
  margin: 2em 0 1rem;
  font: "Open Sans", "DejaVu Sans", FreeSans, Helvetica, sans-serif;
  line-height: 1.2em;
  clear: both; }

/* non-clashing headings */
h1 + h2, h2 + h3, h3 + h4, h4 + h5 {
  margin-top: 1em;
  padding-top: 0; }

h1,
.h1 {
  font-size: 2.0rem;
  display: block;
  font-weight: bold; }

h2,
.h2 {
  font-size: 1.8rem;
  display: block;
  font-weight: bold; }

h3,
.h3 {
  font-size: 1.4rem;
  display: block;
  font-weight: bold; }

h4,
.h4 {
  font-size: 1.26rem;
  display: block;
  font-weight: bold; }

h5,
.h5 {
  font-size: 1.26rem;
  display: block;
  font-weight: bold;
  margin: 0rem 0rem 0.5rem 0rem;
  font-style: italic; }

code, pre, samp, kbd, tt {
  font: 1em/1.6 "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", Courier, monospace; }

/* links */
a[href] {
  text-decoration: none;
  text-underline-position: under;
  font-weight: bold;
  color: #5e0035; }

a[href^="#"] {
  text-decoration: none;
  text-underline-position: under;
  font-weight: bold;
  color: #5e0035; }

a:hover, a:focus, a[href]:hover, a[href]:focus {
  text-decoration: underline solid; }

/* lists */
ul, ol, dl {
  margin: 1rem 0;
  padding: 0 0 0 2em; }

li:not(:last-child), dd:not(:last-child) {
  margin-bottom: 0.5rem; }

dt {
  font-weight: bold; }

button {
  padding: 0.4em 1em;
  background-color: White;
  border: 1px solid #2f001b;
  font-size: 12pt;
  font: 1em/1.6 "Open Sans", "DejaVu Sans", FreeSans, Helvetica, sans-serif;
  border-color: #5e0035;
  color: #5e0035;
  font-weight: bold; }

button:not([disabled]):hover, button:not([disabled]):focus {
  background-color: White;
  border-color: #440027;
  color: #440027;
  filter: brightness(100%); }

blockquote {
  margin: 0 0 16px 0;
  padding: 8px 24px;
  width: 100%;
  background-color: #fef6fb; }

/* Set the cursor to '?' on an abbreviation and style the abbreviation to show that there is more information underneath */
abbr {
  cursor: help;
  text-decoration: underline solid #2f001b; }

@media screen and (max-width: 57.6em) {
  main-text, .maintext {
    position: static;
    margin: 0 0 0 0;
    width: 100%; } }

/* images and videos */
img,
video {
  max-width: 100%;
  height: auto;
  margin: 1em 0 1em 0; }

figure {
  margin: 1em 0 1em 0;
  text-align: center; }

figcaption {
  margin-bottom: 1rem;
  text-align: center; }

/* Tables */
table {
  text-align: justify;
  border-collapse: collapse; }

td, th {
  padding: 0.5em;
  border-bottom: 1px solid #cecece; }