body {
  font-family:
    "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  text-align: center;
  background-color: #220033;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: white;
}
/* masonry layout for different aspect ratios of images and videos */
#media-container {
  columns: 400px;
  column-gap: 16px;
  column-fill: balance;
}

.item {
  break-inside: avoid;
  margin-bottom: 16px;
  display: inline-block; /* prevents weird spacing issues */
  width: 100%;
  /* min-width: 200px;
  max-width: 600px; */
}
.item img,
.item video {
  width: 100%;
  height: auto;
  display: block;
}