body {
  background: #fafafa;
  font-family: "Roboto","Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222;
}

.tab-panels ul {
  margin: 0;
  padding: 0;
  text-align:center;
}

.tab-panels ul li {
  list-style-type: none;
  /*display: inline-block;*/
  /*background: #999;*/
  /*margin: 0;*/
  /*padding: 3px 10px;*/
  /*border-radius: 10px 10px 0 0;*/
  /*color: #fff;*/
  /*font-weight: 200;*/
  cursor: pointer;
  font-size:20px;
  transition:0.3s;
  color:white;
}

.tab-panels ul li:hover {
  color: #000 !important;
  /*background: #666;*/
  transform:scale(1.1);
}

.tab-panels ul li.active {
  color: #000 !important;
  /*background: #666;*/
}

.tab-panels .panel {
  display: none;
  /*background: #c9c9c9;*/
  /*padding: 30px;*/
  /*border-radius: 0 0 10px 10px;*/
}

.tab-panels .panel.active { display: block; }