body { font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; } hr { width: 80%; margin: 5px; } .card-header { width: 100%; margin-bottom: 8px; text-align: center; } .card-header-title { font-size: 300%; color: black; width: 100%; } .card-row { display: flex; flex-direction: row; justify-content: center; } .card-body { background-color: red; background-image: linear-gradient(45deg, white 25%, transparent 25.5%, transparent 50%, white 50.5%, white 75%, transparent 75.5%, transparent); background-size: 20px 20px; padding: 8px; } .card-column { display: flex; flex: 1; flex-direction: column; border: solid thin grey; height: 110px; margin: 5px; padding: 2px; box-shadow: 4px 4px grey; border-radius: 5px; font-size: 135%; vertical-align: middle; text-align: center; justify-content: center; align-items: center; background-color: white; } .card-column.rare { color: red; } .card-column.uncommon { color: green; } .card-column.common { color: unset; }