/*:root {
  --c1: #3d5a80;
  --c2: #98c1d9;
  --c3: #e0fbfc;
  --c4: #ee6c4d;
  --c5: #293241;
}
*/
@font-face {
  font-family: tokipona;
  src: url(fonts/sitelenselikiwenmonoasuki.ttf);
}

@font-face {
  font-family: maple;
  src: url(fonts/MapleMono-Regular.ttf);
}

@font-face {
  font-family: obesk;
  src: url(fonts/BEECH___.ttf);
}
body {
  font-family: maple;
  /*background: var(--c5);*/
}
/*

.mainbody {
  width: 50%;
  margin: auto;
  color: var(--c5);
  background: var(--c2);
  border-radius: .75rem;
}

.mainbody a {
  color: var(--c4);
}

.header {
  padding: 0.5rem;
  margin-bottom: 0;
}

.content {
  border-radius: .75rem;
  padding: 1rem;
  color: var(--c1);
  background: var(--c3);
}

p {
  margin-top: 0;
}
*/
.tokipona {
  font-size: 2rem;
  font-family: tokipona;
  color: var(--c5);
}
/*
footer {
  margin-top: 1rem;
  padding: 1rem;
  font-size: 0.5rem;
  background: black;
  color: var(--c3);
  text-align: center;
}

footer a {
  color: inherit;
}

@media only screen and ((orientation: portrait) or (max-width: 700px)) {
  .mainbody {
    width: 100%;
  }
  .tokipona {
    font-size: 4rem;
  }
}
*/