:root {
  --lines: 10;
  --font-size-vh: calc(100vh / ((var(--lines) + 8) * 1.3));
  --font-size-vw: 1.6vw;
}

body {
  background-color: black;
  margin: 0;
  font-family: 'Droid Sans Mono', monospace;
  font-size: min(var(--font-size-vh), var(--font-size-vw));
  color: white;
}

#center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  flex-direction: column;
}

.cell {
  padding: 5px;
  width: 90vw;
}

.status {
  font-size: 15px;
  text-align: right;
  opacity: 0.5;
}

.right{
    float:right;
}

.left{
    float:left;
}

a {
  text-decoration: none;
  color: white;
}

a:hover {
  text-decoration: underline;
}

#longest_streak {
  border-radius: 15px;
  height: 90vw;
}

.lb {
  display: inline;
}
.lb::after {
  content: '\a0\a0';
}