@charset "UTF-8";
body {
  background-color: #27234c;
  color: #e88dc3;
  transition: 1s; }
  body.light {
    background-color: #dde4ff;
    color: #4b3d44; }

a {
  background-color: #f2504b;
  color: #27234c;
  transition: 1s; }
  a.light {
    background-color: #733c7c;
    color: #dde4ff; }

a.footer-nav-item.active,
a.footer-nav-item:hover {
  color: #f2504b;
  background-color: #27234c;
  border-color: #27234c;
  transition: 0.24s; }
  a.footer-nav-item.active.light,
  a.footer-nav-item:hover.light {
    color: #733c7c;
    background-color: #dde4ff;
    border-color: #dde4ff; }

footer {
  background-color: #f2504b;
  color: #27234c;
  transition: 1s; }
  footer.light {
    background-color: #733c7c;
    color: #dde4ff; }

footer a {
  color: #27234c;
  background-color: #f2504b;
  transition: 1s; }
  footer a.light {
    color: #dde4ff;
    background-color: #733c7c; }

.togglelabel {
  background-color: #f2504b;
  border-color: #27234c;
  transition: 1s; }
  .togglelabel.light {
    background-color: #733c7c;
    border-color: #dde4ff; }

.togglelabel.light::after {
  background-color: #dde4ff;
  color: #733c7c;
  transition: 1s; }

.togglelabel::after {
  background-color: #27234c;
  color: #f2504b;
  transition: 1s; }

body.light #title {
  color: #dde4ff;
  background-color: #733c7c;
  transition: 1s; }

body #title {
  color: #27234c;
  background-color: #f2504b;
  transition: 1s; }

article {
  background-color: #27234c;
  border-color: #f2504b;
  transition: 1s; }
  article.light {
    background-color: #dde4ff;
    border-color: #733c7c; }

article h2 {
  background-color: #b296ff;
  color: #27234c;
  transition: 1s; }

article h3 {
  background-color: #39b8a3;
  color: #27234c;
  transition: 1s; }

article.light h3 {
  background-color: #225091;
  color: #dde4ff;
  transition: 1s; }

article h4 {
  background-color: #dde4ff;
  color: #27234c;
  transition: 1s; }

article.light h4 {
  background-color: #27234c;
  color: #dde4ff;
  transition: 1s; }

article.light h2 {
  background-color: #007582;
  color: #dde4ff;
  transition: 1s; }

article h5,
article h6,
article a {
  background-color: #f2504b;
  color: #27234c;
  transition: 1s; }

article.light h5,
article.light h6,
article.light a {
  background-color: #733c7c;
  color: #dde4ff;
  transition: 1s; }

a:hover {
  color: #f2504b;
  background-color: transparent; }
  a:hover.light {
    color: #733c7c;
    background-color: transparent; }

article.light a:hover {
  color: #733c7c;
  background-color: transparent; }

html,
body {
  height: 100%;
  flex: auto; }

footer {
  height: 42pt;
  position: sticky;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0; }

#content {
  min-height: calc(100% - 42pt * 3);
  right: auto;
  margin-bottom: 84pt; }

#content p,
#content ul,
#content ol,
#content table {
  margin-right: 24%;
  margin-left: 24%; }

#footer-left {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 24pt;
  justify-self: left;
  margin-right: auto;
  display: inline-flex; }

#footer-right {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  justify-self: right;
  margin-right: 24pt;
  align-content: center;
  display: inline-flex; }

#footer-center {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  justify-self: center;
  display: inline-flex; }

* {
  padding: 0;
  margin: 0; }

#footer-right * {
  display: flex;
  margin-top: auto;
  margin-bottom: auto; }

#footer-center * {
  display: flex;
  margin-right: 8pt;
  margin-left: 8pt;
  margin-top: auto;
  margin-bottom: auto;
  justify-content: center;
  align-items: center; }

h1,
h2,
h3,
h4,
h5,
h6 {
  padding-right: 6%;
  padding-top: 12pt;
  padding-bottom: 12pt;
  margin-right: 6%;
  justify-content: right;
  display: flex;
  align-items: center; }

h2,
h3,
h4,
h5,
h6 {
  margin-top: 1em;
  margin-bottom: 1em; }

article {
  margin-inline: auto; }

.titlecontainer {
  width: 100%;
  padding-top: 42pt; }

@font-face {
  font-family: CaskaydiaCove;
  src: url(/font/CaskaydiaCove.ttf); }

@font-face {
  font-family: CaskaydiaCoveMono;
  src: url(/font/CaskaydiaCoveMono.ttf); }

* {
  font-family: CaskaydiaCove;
  font-size: 12pt; }

h1 {
  font-size: 42pt; }

h2 {
  font-size: 42pt;
  font-style: bold; }

h3, h4 {
  font-size: 32pt; }

h5 h6 {
  font-size: 24pt; }

a {
  text-decoration: none; }

footer * {
  font-size: 24pt;
  font-family: CaskaydiaCoveMono; }

label::after {
  font-family: CaskaydiaCoveMono;
  font-size: 24pt; }

h6 {
  font-style: italic; }

* {
  border-width: 2pt; }

input[type="checkbox"] {
  cursor: pointer; }

.toggleinput {
  opacity: 0;
  max-height: 0;
  overflow: hidden; }

.togglelabel {
  width: 42pt;
  height: 24pt;
  border-radius: 48pt;
  cursor: pointer;
  align-items: center;
  display: flex; }

.togglelabel::after {
  left: calc(100% - 67pt);
  content: "";
  position: absolute;
  height: 20pt;
  width: 20pt;
  border-width: 1pt;
  border-radius: 100pt;
  transition: 0.3s;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "";
  border-style: solid; }

input:checked + label:after {
  left: calc(100% - 49pt); }

input:checked + label::after {
  content: "滛"; }

.footer-nav-item {
  border-radius: 100%;
  height: 1em;
  width: 1em;
  justify-content: center;
  align-items: center;
  border-style: solid; }

.togglelabel {
  border: solid; }

h1, h2, h3, h4, h5, h6 {
  border-top-right-radius: 48pt;
  border-bottom-right-radius: 48pt; }

#content p,
#content ul,
#content ol,
#content table {
  border-left-style: solid;
  border-width: 0.24em;
  padding-left: 2em; }