* {
  box-sizing: border-box; }

body {
  font-family: Avenir, Heveltica, sans-serif;
  margin: 0;
  background: #000; }

img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 25vh;
  margin: 0 4px; }

article {
  border: 4px solid black;
  display: grid;
  align-items: end;
  grid-row: span 2; }
  article img {
    grid-row: 1 / 2;
    grid-column: 1 / 2; }
  article a {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    text-decoration: none;
    color: white;
    background: rgba(0, 0, 0, 0.55);
    margin-bottom: 2rem; }
    article a p {
      margin: 0 1rem 1rem; }
  article h3 {
    margin: 0;
    padding-left: 1rem;
    font-size: 2.8rem;
    mix-blend-mode: difference; }

article:nth-child(6),
article:nth-child(9),
article:nth-child(13),
article:nth-child(14) {
  grid-row: span 1; }

/*# sourceMappingURL=01-006.css.map */