* {
    margin: 0; padding: 0; border: 0; box-sizing: border-box; 
}

body {
    background-color: springgreen;
    background-image: url(../Images/geometric-leaves.webp);
}

h1 {
    text-align: center;
    font-size: 5em;
}

.grid-container {
    display: grid;
    grid-template-columns: 200px auto 200px;
    gap:  10px;
    background-color: #21f3e9; 
   background-image: url(../Images/webb-dark.png);
    padding: 10px;
  }
  
  .grid-container > div {
    background-color: rgba(0, 255, 127, 0.8); 
   background-image: url(../Images/geometric-leaves.webp);
    text-align: center;
    padding: 20px 0;
    font-size: 30px;
  }
  .column {
    display: grid;
    grid-auto-columns: 200px;
    grid-auto-rows: 200px;
  }

  p {
      font-size: 1.8em;
      padding-left: 10%;
      padding-right: 10%;
  }

  .wrapper {
    border: 20px grooved salmon;
}