body {
 background-color: white;
 margin: 0;
}
h3 {
 font-size: xx-large;
 margin: auto;
}
.canvas {
 margin: 10px 0;
 width: 775px;
 height: 1100px;
 border: 1px black solid;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}
.canvas h1 {
 margin: 0;
}
.canvas > * {
 margin: 10px;
}
.canvas * {
 gap: 1em;
}
.canvas div {
 min-height: 2em;
}
.row {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
}
.column {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}
.row-fit {
 display: flex;
 flex-direction: row;
}
.row-fit > * {
 flex-grow: 1;
}
.column-fit {
 display: flex;
 flex-direction: column;
}
.column-fit > * {
 flex-grow: 1;
}
.no-margin {
 margin: 0;
}
.no-margin-chld * {
 margin: 0;
}
.underline {
 border-bottom: 1px black solid;
}
.underline-chld > * {
 border-bottom: 1px black solid;
}
.square {
 border: 1px black solid;
 width: 4em;
 height: 4em;
}