body {font-family: Arial;
    background-color: #2179fc;
    background-image: linear-gradient(135deg, #2179fc 0%, #9599E2 100%);
}
h1{
    color: #fff;
}
.tabs{
    width:85%;
    margin:55px auto 25px;
    border-radius:12px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.teks{
    color: #12192c;
}
.tab {
  overflow: hidden;
  height:60px;
  background-color:#0d5da4;
  border-radius:12px 12px 0 0 ;
}
.tab button {
  background-color: inherit;
  float: left;
  width:12.5%;
  height:60px;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  background-color:#0d5da4;
  color:#ddd;

}
.tab button:hover {
    background-color:#095392;
}
.tab button.active {
    background-color:#095392;
  color:#fff;
}
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
  background-color: #095392;
  color:#ddd;
  border-radius:0 0 12px 12px;
}
.credit{
    text-align: center;
    color: #000;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.credit a{
    text-decoration: none;
    color:#000;
    font-weight: bold;
}