.tab-group {
  display: flex;
  justify-content: center;
}

.panel-group {
  margin-top: 50px;
}

.tab {
  flex-grow: 1;
  padding: 3px;
  margin: 2px;
  list-style: none;
  border: solid 1px #CCC;
  text-align: center;
  cursor: pointer;
}

.panel {
  display: none;
}

.tab.is-active {
  background: #F00;
  color: #FFF;
  border: none;
  transition: all 0.2s ease-out;
}

.panel.is-show {
  display: block;
}