.tab {
  overflow: hidden;
  border: 1px solid #adadad;
  background-color: #5e5e5e;
}


.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  color: white;
  font-size: 16px;
}


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


.tab button.active {
  background-color: #ccc;
  color: black;
}


.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  color: white;
} 

.subtab {
  overflow: hidden;
  border: 1px solid #adadad;
  background-color: #5e5e5e;
}


.subtab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  color: white;
  font-size: 16px;
}


.subtab button:hover {
  background-color: #e6e6e6;
  color: black;
}


.subtab button.active {
  background-color: #ccc;
  color: black;
}


.subtabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  color: white;
} 

.dropdown {
  padding: 5px;
  float: left;
  display: flex;
  text-align: center;
}

.dropdown2 {
  padding: 5px;
  display: flex;
  float: right;
  text-align: center;

}

body {
    color: rgb(255, 255, 255);
    background-color: rgb(59, 59, 59);
}
img {
  border-radius: 5%;
}