.panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex: 1;
  background: #333;
  padding: 1rem;
}

.panel .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  
  background: #444;
  border: 1px solid #bbb;
  border-radius: 0.5rem;
  padding: 1rem;
  margin: 1rem;
  width: 100%;
}

.panel .card .value {
  font-size: 1.5rem;
}

.panel .card .bigValue {
  font-size: 3rem;
}

#panelScores {
  padding: 1rem 0 0;
}

.panel .card .sub {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 1rem 1rem;
}

.imTheBest {
  color: greenyellow
}

.otherTheBest {
  color: darkseagreen}