@import url("mlfe.css");
@import url("color.css");
@import url("component.css");

:root {
  font-family: monospace;
  font-size: 16px;
}

body {
  padding: 0.5rem;
  gap: 0.5rem;
  overflow-y: auto;
}

.counter-image {
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  flex-grow: 1;
}

.counter {
  flex-flow: row nowrap;
  align-items: end;
  font-size: 1.5rem;
  font-weight: bold;
}

.workers {
  flex-flow: row wrap;
}

.workers>* {
  gap: 0.5rem;
  border: 1px solid var(--fg);
}

.log>p {
  padding: 0.25rem 0;
  user-select: text;
}

.log>p:hover {
  background: var(--cl-hl);
}

nav> :first-child {
  font-size: 2rem;
  font-weight: bold;
}