:root {
  --darkerGrey: #0b132b;
  --darkGrey: #1c2541;
  --yellow: #d4b52f;
  --green: #509d77;
  --pink: #d97ab5;
  --blue: #45a0ec;
  --purple: #9e87cb;
  --red: #d66f75;
  --grey: #83a1bb;
  --white: #ffffff;
}

._detail_matchs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
._detail_matchs > h3 {
  color: var(--blue);
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 32px;
  margin: 30px;
  margin-top: 50px;
}

.date {
  color: var(--grey);
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  margin: 20px;
  margin-bottom: 30px;
}

.all-matchs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.title {
  color: var(--blue);
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 40px;
  margin: 15px;
}

.versus {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 15px;
}

.game-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  gap: 15px;
  border: solid;
  border-width: 1px;
  border-color: var(--darkGrey);
}

#detail_du_match {
  color: var(--blue);
  text-align: center;
  text-decoration: none;
  border: solid;
  border-width: 1px;
  border-color: var(--blue);
  border-radius: 5px;
  padding: 5px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  width: 50vw;
  margin: 30px;
}

.team-block > img {
  width: 500px;
  height: 500px;
}

#looser {
  padding: 5px;
  border: solid;
  border-width: 1px;
  border-color: var(--darkGrey);
}

#winner {
  padding: 5px;
  border: solid;
  border-width: 1px;
  border-color: var(--green);
}

.container_match {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}