// COLLAPS
.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
overflow: hidden;
}

.collapsible.focus, .collapsible:focus  {
outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 245 0 / 25%);
}


.contentcollaps {
	padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease-out;
    margin-top: 11px;
background: #1f1f1f4d;
}

.cardteam {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 40%;
}

.cardteam:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.containerteam {
  padding: 2px 16px;
}