/* CSS for your imitation here */
* {
  margin: 0;
  padding: 0;
}

body {
  margin: 2em;
  background-color: blanchedalmond;
}

header {
  display: grid;
}

.main-imitation {
  max-width: 630px;
  min-width: 630px;
  padding: 1em;
  background-color: white;
}

@font-face {
  font-family: CloisterBlack;
  src: url(CloisterBlackLight.ttf);
}

h1 {
  font-family: CloisterBlack;
  color: black;
}

p,
figcaption {
  font-family: serif;
  font-size: 10px;
  text-align: center;
}

img {
  display: block;
  margin: auto;
}

.r-and-j {
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1.25fr 1.25fr 2fr;
}

.grid00 {
  grid-column: 1/3;
  grid-row: 1;
}
.grid01 {
  grid-column: 4;
  grid-row: 1;
}
.grid10 {
  grid-column: 1/3;
  grid-row: 2;
}
.grid11 {
  grid-column: 4;
  grid-row: 2;
}

h2 {
  font-family: CloisterBlack;
  color: black;
}

.sec-top {
  border-style: solid;
  border-width: 2px 2px 1px 2px;
}

.sec {
  border-style: solid;
  border-width: 1px 2px;
}

.sec-bottom {
  border-style: solid;
  border-width: 1px 2px 2px 2px;
}

.sec-grid {
  display: grid;
  grid-auto-flow: column;
}
