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

body {
    background-color: blue;
    background-image: url(../Images/geometric-leaves.webp);
    min-height: 100%;
}

h1, h2, p{
    text-align: center;
}

.head {
    border: 15px groove bisque;
}

.grid-container {
    display: grid;
    grid-template-columns: 200px auto 200px;
    gap: 10px;

    padding: 10px;
  }
  
  .grid-container > div { 
    text-align: center;
    padding: 20px 0;
    font-size: 30px;
  }
  .column {
    display: grid;
    grid-auto-columns: 200px;
    grid-auto-rows: 200px;
    margin-top: 600px
;
  }

  .arrowR {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }

  .image img {
      margin-left: auto;
      margin-right: auto;
  }