.container {
  display: flex;
  flex-wrap: wrap;
}

#operating-container {
  aspect-ratio: 2 / 1;
}

#operating {
  color: #2aad27;
  font-size: calc(7vw + 7vh);
}

#total {
  color: #2A81CB;
  font-size: calc(7vw + 7vh);
}

.center {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 90%;
  margin: 0 1em;
}

.center .title {
  padding-left: 0px;
  font-size: 0.8em;
}

@media (width <= 1000px) {
  #operating, #total {
    font-size: calc(5vw + 5vh);
  }
}

.item.wide {
  width: 100%;
}

.group {
  display: flex;
  flex-direction: column;
  width: 50%;
}

@media (width <= 600px) {
  .group {
    width: 100%;
  }
}

.title {
  font-family: sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  padding-left: 1em;
}

.title > span {
  padding: 5px;
  cursor: default;
}

.title > span:hover {
  color: #000000;
  background-color: #d4d4d4
}