body {
  background-color: #292831;
  color: #fbbbad; }
  body.light {
    background-color: #515262;
    color: #c9cca1; }

a {
  background-color: #ee8695;
  color: #292831; }
  a.light {
    background-color: #ab5675;
    color: #515262; }

a.footer-nav-item.active {
  color: #4a7a96; }
  a.footer-nav-item.active.light {
    color: #72dcbb; }

footer {
  background-color: #333f58;
  color: #292831; }
  footer.light {
    background-color: #caa05a;
    color: #515262; }

footer a {
  color: #292831;
  background-color: #333f58; }
  footer a.light {
    color: #515262;
    background-color: #caa05a; }

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

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

h1 {
  font-size: 42pt; }

a {
  text-decoration: none; }

footer {
  font-size: 20pt; }

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

footer {
  height: 10%;
  min-height: 24pt;
  position: sticky;
  display: flex;
  align-items: center;
  justify-content: center; }

#footer-content {
  width: 100%; }

#content {
  min-height: 90%; }

#footer-right {
  justify-self: right; }

* {
  padding: 0;
  margin: 0; }