#box {
  border: #ef10a5 2px solid;
  margin-bottom: 10px;
  background: #0f0f0f;
}

#list {
  border: red 2px solid;
  width: 500px;
  margin-right: 50px;
  background: #0f0f0f;
}

#info {
  border: grey 2px solid;
  width: 500px;
  background: #0f0f0f;
}

.flex {
    width: 70%;
  margin: auto;
}

.tab {
  overflow: hidden;
  padding: 6px;
}

.tab button {
  background-color: #0f0f0f;
  border: 2px solid #ff0000;
  color: white;
  font-family: "typewriter", Verdana;
  transition: 0.3s;
  font-size: 16px;
}

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

.tab active {
  background-color: #0f0f0f;
}

.tabcontent {
  display: none;
  padding: 6px;
}