:root {
  --color1: #05b1b1;
  --color2: #52339a;
  --color3: rgb(255, 255, 255);
}
header,
section {
  padding: 100px 0;
}
header {
  padding: 50px 0;
}
footer {
  padding: 25px;
}
header,
footer,
.footers {
  background: var(--color1);
  background: -moz-linear-gradient(left, var(--color1) 0%, var(--color2) 100%);
  background: -webkit-linear-gradient(
    left,
    var(--color1) 0%,
    var(--color2) 100%
  );
  background: linear-gradient(to right, var(--color1) 0%, var(--color2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color1)', endColorstr='var(--color2)',GradientType=1 );
}
/* .itd_play {
  background-color: var(--color1);
  width: 180px;
  height: 60px;
  display: flex;
  justify-content: flex;
  align-items: flex;
  cursor: pointer;
} */
.btn-itd {
  display: block;
  max-width: 200px;
  margin: 0 auto;
  padding: top 8px, 30px;
  color: var(--color3);
  background-color: var(--color2);
}
.button-wrapper {
  display: flex;
  justify-content: center;
}
.card {
  border-radius: 1em;
  text-align: center;
}
.card:hover {
  background-color: azure;
}

li {
  list-style-image: url("point-round.png");
}