:root {
  font-family:  sans-serif, monospace;
}

body > * {
  margin:     2pc 5vw;
  margin:     2pc max(5vw, calc(25vw - 5cm), calc(45vw - 15cm));
}

article {
  background:     rgba(255,255,255,0.125);
  padding:        18pt;
  border-radius:  8pt;
  box-shadow:     1pt 2px 3mm rgba(0,0,0,0.125);
}

main.listing {
  display:      flex;
  flex-flow:    row wrap;
  align-items:  center;
}

main.listing > * {
  flex-basis:   84%;
}

main.listing > a[href] {
  display:      block;
  margin:       4pt;
}