.tab {
    overflow: hidden;
    height: 100%;
  }

  .tab button {
    background-color: #f2f2f2;
    border: none;
    border-radius: 6px;
    outline: none;
    cursor: pointer;
    padding: 8px 10px;
    margin: 0px;
    transition: background-color 0.3s;
  }

  .tab button:hover {
    background-color: #cccccc;
  }

  .tab button.active {
    background-color: #3769fc;
    color: #ffffff;
  }

  .tabcontent {
    display: block;
    padding: 0px;
  }
  .tabcontent button {
    background-color: #e2e2e2;
    border: none;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    padding: 8px 10px;
    margin: 2px;
    transition: background-color 0.3s;
  }
  .tabcontent button:hover {
    background-color: #b2b2b2;
  }
  .tabcontent button.active {
    background-color: #3769fc;
    color: #ffffff;
  }