body { font-Family: Sans-Serif; background-color: ghostwhite; margin: 0; padding: 0; }
.d1 { width: 40rem; padding: 1.5rem 2.5rem; background-image: linear-gradient(SteelBlue, LightSteelBlue); border-radius: 1rem; margin: 1rem auto; border: 1px solid silver; }
  .d1 > div:nth-child(1) { font-size: 250%; color: white; text-align: center; }
.d2 { margin-top: 1rem; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 8rem; gap: 1rem; }
  .d2 > div { border: 1px solid gray; padding: 1rem; background-color: whitesmoke; }