main {
  margin: auto;
  width: 50%;
  font-family: monospace;
}

article {
  border: black solid 1px;
  background-image: url("future.jpeg");
  background-size: cover;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  height: 500px;
}
article div {
  border: solid black 1px;
  background-color: rgba(255, 255, 255, 0.958);
}
article div:hover {
  background-color: rgba(255, 255, 255, 0.076);
  border: 1px dashed white;
}
article #one {
  grid-column: span 3;
}
article #two {
  grid-row: span 4;
}
article #three {
  grid-row: span 2;
}
article #four {
  grid-column: span 2;
}
article #eight {
  grid-column: span 2;
}/*# sourceMappingURL=transparency.css.map */