@import url("../site_final/css/variables.css");
@import url("../site_final/css/reset.css");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz@9..40&display=swap");
a{
  text-decoration: none;
}
li{
  list-style: none;
}
.image__member {
  padding-left: 6.5rem;
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
}
.image__member2 {
  padding-left: 2rem;
  padding-top: 10rem;
}
.image {
  padding-bottom: 2rem;
}
.containerteam {
  display: flex;
  flex-direction: row;
}
.textbutton {
  width: 29.375rem;
  height: 28.25rem;
  padding-left: 8.87rem;
  display: flex;
  flex-direction: column;
  padding-top: 3.75rem;
  justify-content: center;
}
.text__watch {
  padding-bottom: 1rem;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  color: hsl(226, 65%, 51%);
}
.text__title {
  font-size: 2.1875rem;
  font-style: normal;
  font-weight: 700;
  padding-bottom: 1rem;
}
.text__explanation1 {
  padding-bottom: 1.85rem;
  color: var(--clr-darkgray);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
}
.text__explanation2 {
  padding-bottom: 4.25rem;
  color: var(--clr-darkgray);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
}
.btn__started {
  width: 11.25675rem;
  height: 3.375rem;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-bluepurple);
  border-radius: 0.5rem;
  color: var(--clr-white);
}

.btn__started:hover{
    background-color: rgb(33, 64, 165);
}