.tabs > ul{
    padding: 0;
  }
  .tabs .trigger{
    list-style-type: none;
    padding: 10px;
    background: #9297c5;
    margin: 4px;
    border-radius: 6px;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
  }
  .tabs .trigger.active{
    background: #515b97;
    color: white;
  }
  .tabs .content{
    background: #515b97;
    padding: 10px 20px;
    border-radius: 6px;
    display: none;
  }
  .tabs .content.active{
    display: block;
  }