header {
  display: flex;
  padding: 20px 25px 5px 25px;
  justify-content: space-between;
}

header > h1 {
  font-family: 'Consolas';
  font-size: 17px;
  font-weight: 300;
  color: #f8f0e3;
}

header > h1 > a:link, a:visited {
  text-decoration: none;
  color: #f8f0e3;
  transition: all 200ms;
}

header > h1 > a:hover {
  color: #41361e;
  font-weight: 700;
}

header > h1 > span > a:link, a:visited {
  text-decoration: none;
  color: #f8f0e3;
  transition: all 200ms;
}

header > h1 > span > a:hover {
  color: #41361e;
  font-weight: 700;
}

header > img {
  height: 45px;
  width: auto;
}

.logo-landing {
  display: grid;
  flex-direction: column;
  justify-items: center;
  align-items: center;
}

.logo-landing > img {
  width: 70vw;
  padding-top: 2vh;
  filter: drop-shadow(3px 3px 1px #41361e23);
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
  user-select: none;
}

.logo-landing > h1 {
  font-size: 28vw;
  font-family: 'DatDot';
  font-weight: 500;
  line-height: 22vw;
  color: #f8f0e36b;
  filter: drop-shadow(2px 2px 2px #41361e41);
  text-align: center;
  grid-column: 1;
  grid-row: 1;
  user-select: none;
  z-index: -2;
}

.logo-landing > .toki > h2 > span {
  font-family: 'Linja Pona 4.9';
  font-size: 5vw;
}

.logo-landing > .toki > h2 {
  font-size: 4vw;
  font-family: 'Acronym';
  font-weight: 400;
  text-align: center;
  white-space: pre;
}

.logo-landing > .toki {
  box-shadow: inset 0 0 40px #f8f0e37c;
  margin-top: 1vh;
  padding: 8px 12px;
  border-radius: 18px;
  border: 1px solid #f8f0e375;
  background-color: #f8f0e328;
  color: #41361e;
  filter: drop-shadow(2px 2px 3px rgba(70, 46, 0, 0.31));
}