body {
  background:black;
  font-family: "Igiari", serif;
  font-size:16px;
}

.layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 5px;
  color:white;
  width: 90%;
  margin:auto;
  border:8px ridge grey;
  border-radius:10px;
  padding:2px;
}

.div1 { grid-area: 1 / 1 / 2 / 4;
  padding:8px;
  margin:auto;
}
.div2 { grid-area: 2 / 1 / 3 / 2;
  margin:auto;
  padding:8px;
  
}
.div3 { grid-area: 2 / 2 / 3 / 3;
  margin:auto;
  padding:8px;
  
}
.div4 { grid-area: 2 / 3 / 3 / 4;
  margin:auto;
  padding:8px;
  
} 

h1 {
  font-size:25px;
  font-family: "Crang", sans-serif;
}

h2 {
  text-align:center;
  font-family: "Big Apple 3PM", sans-serif;
  font-size:17px;
  padding-bottom:8px;
}


.crd {
  font-family: "ChronoType", sans-serif;
  font-size:16px;
  padding-right:8px;
  color:skyblue;
  text-decoration:underline;
  pointer-events: auto;
}