body {
  font-family: "Poppins", sans-serif;
  margin: 50px 50px 50px;
  background-color: #faf9f6;
  display: flex;
  flex-direction: column;
  min-height: 95vh;
}


h1 {
  font-size: 4rem;
}
span{
color: orchid;
}

footer {
  text-align: right;
  color: midnightblue;
}

.grid-container {  
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 100px 200px 200px;
gap: 30px;
}

.left-card{
  float: left;
}
.left-image{
height: 200px;
}
.right-card{
  float: right;
}
.right-image{
  height: 200px;
}