body {
  margin: 20px;
  border: 0;
  font-family: Helvetica, Arial, sans-serif;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1017%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(114%2c 98%2c 91%2c 1)'%3e%3c/rect%3e%3cpath d='M720 753.82C844.07 751.89 963.68 698.85 1046.16 606.16 1124.46 518.17 1145.85 397.71 1141.7 280 1137.72 167.12 1107.33 52.23 1023.99-23.99 943.52-97.6 828.9-111.71 720-105.7 618-100.05 523.85-60.44 447.9 7.9 367.05 80.66 302.82 171.85 291.36 280 278.65 400.22 302.38 526.84 383.5 616.5 467.99 709.9 594.06 755.8 720 753.82' fill='rgba(137%2c 106%2c 92%2c 1)'%3e%3c/path%3e%3cpath d='M720 586.59C800.28 585.34 877.67 551.02 931.05 491.05 981.71 434.11 995.55 356.16 992.87 280 990.29 206.96 970.62 132.62 916.7 83.3 864.63 35.67 790.47 26.54 720 30.43 654 34.08 593.08 59.71 543.93 103.93 491.62 151.01 450.06 210.02 442.65 280 434.42 357.79 449.77 439.72 502.27 497.73 556.94 558.17 638.51 587.87 720 586.59' fill='rgba(161%2c 124%2c 107%2c 1)'%3e%3c/path%3e%3cpath d='M720 419.36C756.49 418.79 791.67 403.19 815.93 375.93 838.96 350.05 845.25 314.62 844.03 280 842.86 246.8 833.92 213.01 809.41 190.59 785.74 168.94 752.03 164.79 720 166.56 690 168.22 662.31 179.87 639.97 199.97 616.19 221.37 597.3 248.19 593.93 280 590.19 315.36 597.17 352.6 621.03 378.97 645.88 406.44 682.96 419.94 720 419.36' fill='rgba(191%2c 160%2c 145%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1017'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");C553.492%2c-190.568%2c528.012%2c-313.736%2c442.212%2c-383.179C357.747%2c-451.541%2c230.734%2c-400.118%2c126.292%2c-430.111C22.793%2c-459.833%2c-58.603%2c-581.071%2c-163.595%2c-557.153C-267.741%2c-533.428%2c-312.252%2c-409.656%2c-366.752%2c-317.792C-413.174%2c-239.545%2c-442.555%2c-155.546%2c-455.3%2c-65.462C-468.021%2c24.45%2c-483.803%2c121.384%2c-440.154%2c201.012C-397.329%2c279.136%2c-305.891%2c312.074%2c-226.35%2c352.207C-154.303%2c388.559%2c-80.292%2c415.012%2c0%2c423.097' fill='%235bac7d'%3e%3c/path%3e%3cpath d='M1440 1174.1019999999999C1563.426 1191.908 1701.3890000000001 1197.17 1803.2649999999999 1125.251 1904.324 1053.91 1939.608 921.575 1968.203 801.222 1993.021 696.768 1976.995 591.05 1955.164 485.931 1934.5439999999999 386.64300000000003 1912.792 284.487 1845.192 208.899 1778.101 133.88 1677.894 106.04399999999998 1583.706 70.58100000000002 1482.022 32.29600000000005 1378.887-33.60500000000002 1273.731-6.260999999999967 1168.058 21.21799999999996 1110.4279999999999 129.949 1038.728 212.296 966.846 294.852 884.7 370.669 854.039 475.752 820.763 589.796 805.707 719.208 859.986 824.883 913.677 929.414 1037.705 968.7149999999999 1138.38 1029.33 1235.896 1088.0430000000001 1327.339 1157.8490000000002 1440 1174.1019999999999' fill='%238fc6a7'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1093'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");;
}

h1 {
  font-size: 3.815rem;
  font-family: Helvetica, Arial, sans-serif;
}

h2 {
  font-size: 3.052rem;
  font-family: Helvetica, Arial, sans-serif;
}


h1,
h2 {
  text-align: center;
}

/* CSS Grid Container */
.gridContainer {
  display: grid;
  border: ;
  border-radius: 5px;
  /*width: 400px;*/
 height: 500px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 2fr;

  /*grid-template: 40% 50% 50px / 100px 50% 200px;*/
  /*grid-template: 1fr 1fr 1fr 1fr/ 100px 50% 200px;*/
  /*grid-template: 1fr 1fr  1fr / 3fr 50% 1fr;*/
  /*grid-template: repeat(3, 1fr) / 3fr minmax(50px, 30px) 1fr;*/
  /*grid-template: repeat(4, 1fr 2fr) / repeat(4, 3fr 2fr);*/

  /*row-gap: 20px;
  column-gap: 5px;*/
  gap:  20px;
}

.a {
  /*grid-row-start: 1;
  grid-row-end: 3;*/

  /*grid-row: 5 / 7;
  grid-column: 1 / span 2;*/
  background-color: #faf0ca;

  /*grid-area: 5 / 1 / span 2 / span 2;*/
  /*grid-area: 1 / 1 / span 8 / span 3;*/

  grid-area: 1 / 1 / span 1 / span 6;


}

.b {
  /*grid-row: 2 / span 3;
  grid-column: 2 / span 6;*/
  background-color: #274c77;

  grid-area: 2 / 1 / span 1/ span 1;

}

.c {
  grid-area: 2/ 2 / span 1 / span 5;
  background-color: #f4d35e;
}

.d {
  grid-area: 3 / 1 / span 4 / span 1;
  background-color: #ee964b;
}
.e {
  grid-area: 3 / 2 / span 4 / span 5;
  background-color: #f95738;
}

/* CSS Grid Items */
.box {
  background-color: dodgerblue;
  color: black;
  border-radius: 5px;
  border: 4px royalblue solid;
}


p { 
  text-align: center;
  font-size: 1rem;
  color: black;
}