@charset "UTF-8";

#grid {
  max-width: 1200px;
  margin: 2rem auto;
  padding: 0px;
  gap: 0px;
  background-color: whitesmoke;
  gap: 20px;

  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: 
  'sete um um quatro'
  'oito dois tres quatro'
  'oito seis cinco cinco';
}
#um {
  grid-area: um;
  height: 100%;
  justify-content: center;
}
#um p:first-of-type {
  font-size: 4rem;
}
#dois {
  grid-area: dois;
  height: 265px;
}
#dois img {
  width: 380px;
  margin-left: 6rem;
}
#tres {
  grid-area: tres;
  height: 265px;
}
#tres img {
  width: 200px;
  align-self: center;
  margin-top: 30px;
}
#quatro {
  grid-area: quatro;
  grid-row: 1/3;
  height: 570px;
}
#quatro img {
  width: 350px;
  margin-left: 8rem;
}
#cinco {
  grid-area: cinco;
  flex-direction: row;
  height: 250px;
}
#cinco img {
  width: 40%;
}
#seis {
  grid-area: seis;
  height: 250px;
  align-items: center;
}
#seis p {
  align-self: flex-start;
}
#seis img {
  width: 70%;
}
#sete {
  grid-area: sete;
  height: 65%;
  align-items: center;
  grid-row: 1/span 2;
  margin-top: 0px;
}
#sete img {
  width: 70%;
}
#oito {
  grid-area: oito;
  height: 83%;
  margin-bottom: 0px;
}
#oito img {
  width: 100%;
}