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

a {
  background-color: #c77b58;
  color: #4b3d44;
  transition: 1s; }
  a.light {
    background-color: #79444a;
    color: #d2c9a5; }

a.footer-nav-item.active,
a.footer-nav-item:hover {
  color: #8caba1;
  background-color: #4b3d44;
  border-color: #4b3d44;
  transition: 0.24s; }
  a.footer-nav-item.active.light,
  a.footer-nav-item:hover.light {
    color: #4b726e;
    background-color: #d2c9a5;
    border-color: #d2c9a5; }

footer {
  background-color: #8caba1;
  color: #4b3d44;
  transition: 1s; }
  footer.light {
    background-color: #4b726e;
    color: #d2c9a5; }

footer a {
  color: #4b3d44;
  background-color: #8caba1;
  transition: 1s; }
  footer a.light {
    color: #d2c9a5;
    background-color: #4b726e; }

.togglelabel {
  background-color: #8caba1;
  border-color: #4b3d44;
  transition: 1s; }
  .togglelabel.light {
    background-color: #4b726e;
    border-color: #d2c9a5; }

.togglelabel.light::after {
  background-color: #d2c9a5;
  color: #4b726e;
  transition: 1s; }

.togglelabel::after {
  background-color: #4b3d44;
  color: #8caba1;
  transition: 1s; }

body.light #title {
  color: #d2c9a5;
  background-color: #4b726e;
  transition: 1s; }

body #title {
  color: #4b3d44;
  background-color: #8caba1;
  transition: 1s; }

article {
  background-color: #4b3d44;
  border-color: #8caba1; }
  article.light {
    background-color: #d2c9a5;
    border-color: #4b726e; }

article h2,
article h3 {
  background-color: #8caba1;
  color: #4b3d44; }

article.light h2,
article.light h3 {
  background-color: #4b726e;
  color: #d2c9a5; }

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;
  padding-bottom: 84pt; }

#content p,
#content ul,
#content ol,
#content table {
  padding-inline: 4em; }

#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; }

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

article {
  margin-top: 42pt;
  margin-inline: auto; }

@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; }

* {
  border-width: 2pt; }

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

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

.togglelabel {
  width: 42pt;
  height: 24pt;
  border-radius: 24pt;
  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; }