body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: rgb(167, 209, 214);
}
header {
  text-align: center;
}
header input {
  margin: 0 10px;
}
main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1fr);
  column-gap: 60px;
  row-gap: 20px;
  margin: 10px auto;
  width: 80vw;
}
article {
  text-align: center;
  /* background-color: rgb(162, 162, 179); */
  padding: 5px;
}
audio {
  max-width:220px;
}
img {
  height: 100px;
  /* background-color: rgb(194, 194, 219); */
}