body {
  background-color: green;
}
@font-face {
font-family: "LucidaTypewriter";
src: url("http://ettuspadix.x10.mx/public_html/styles/LucidaTypewriterRegular.ttf");
  url("http://ettuspadix.x10.mx/public_html/styles/LucidaTypewriterRegular.ttf");
}
h2 {
  column-span: all;
}
div {
  background-color: purple;
  color: red;
  margin: 10px;
  padding: 10px;
  font-size: 18pt
}
table {
  background-color: blue;
  color: white;
  margin: 10px;
}
td {
  vertical-align: middle;
  text-align: center;
  padding: 10px;
}
.container {
  column-count: 3;
  column-rule: 6px dotted rgb(79, 185, 227);
  column-gap: 20px;
}

.cardx {
  break-inside: avoid;
  page-break-inside: avoid;
  background-color: #00FFCC;
  /* border: 2px solid rgb(79, 185, 227); */
  padding: 10px;
  margin: 0 0 1em 0;
  font-size: 16pt; 
}

.cardy {
  break-inside: avoid;
  page-break-inside: avoid;
  background-color: orange;
  /* border: 2px solid rgb(79, 185, 227); */
  padding: 10px;
  margin: 0 0 1em 0;
  font-size: 16pt; 
}

.cardz {
  break-inside: avoid;
  page-break-inside: avoid;
  background-color: pink;
  /* border: 2px solid rgb(79, 185, 227); */
  padding: 10px;
  margin: 0 0 1em 0;
  font-size: 16pt; 
}

.p1 {
  font-size: 14pt;
  color: yellow;
}