body {
  background-color: DarkSeaGreen;
  color:Black;
  font-family: Courier;
}
a {
  color: SeaGreen;
}
[data-tab-content] {
  display: none;
}
.active[data-tab-content] {
  display: block;
}
.tabs {
  display: flex;
  justify-content: space-around;
  list-style-type: none;
  margin: 0;
  padding:0;
  border-bottom: 3px solid SeaGreen;
}
.tab {
  cursor: pointer;
  padding: 10px;
}
.tab:hover {
  background-color: MediumSeaGreen;
  padding: 3px;
  
}
.tab.active {
  background-color: SeaGreen;
}