@import "classless.css";

:root, html[data-theme='octoberjoy'] {
	--rem: 16pt;
	--width: 48rem;
	--navpos: fixed;  /* fixed | absolute */
	--font-p: 1em/1.33  sans-serif;
	--font-h: 1em/1.33  sans-serif;
	--font-c: 1em/1.33  monospace;
	--border: 1px solid var(--cmed);
	--ornament: "◇ ◇ ◇ ◇";
	/* foreground   | background color */
	--cfg:   #ebeee9;    --cbg:    #273f3d;
	--cdark: #a94c2f;    --clight: #beab6b;
	--cmed:  #d1d1d1;
	--clink: #b58500;
	--cemph: #b58500;    --cemphbg: #a94c2f;
}

body > footer {
  margin-top: 3rem;
  text-transform: uppercase;
}

body > header {
  text-transform: uppercase;
}

footer {
  font-size: 0.75rem;
  font-style: italic;
  color: #beab6b;
}

h1 {
  font-size: 3.16rem;
  color: var(--clink);
  margin-top: 0;
}

nav {
  background-color: var(--cbg);
  font-size: 0.83rem;
  font-weight: bold;
  text-transform: uppercase;
}

nav a:any-link {
  background-color: var(--clight);
  border-radius: 0.33rem; 
  color: var(--cdark);
  padding: 0.75rem 1.33rem;
  text-decoration: none;
}

section:after {
  content: '';
}

#wordcloud {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.33rem;
  column-gap: 1rem;
  row-gap: 0.16rem;
  justify-content: flex-start;
}

#wordcloud li {
  list-style: none;
}

.big {
  font-size: 1.33rem;
}