body { font-family: sans-serif; text-align: center; font-size: 1.25rem; } .font-size-4xl { font-size: 3rem; } .font-size-xl { font-size: 1.5rem; } .color-gray { color: gray } ol { list-style-type: decimal; } .row { display: flex; flex-direction: row; } .column { display: flex; flex-direction: column; } .items-center { align-items: center; } .justify-center { justify-content: center; } .margin-x-1 { margin-left: 1rem; margin-right: 1rem; } .margin-y-4 { margin-top: 4rem; margin-bottom: 4rem; } .margin-x-3 { margin-left: 3rem; margin-right: 3rem; } .card-list { text-align: left; justify-content: center; .card { max-width: 400px; border: solid 3px black; border-radius: 20px; margin: 30px; display: flex; flex-direction: column; .spacer { flex-grow: 1; } h3 { text-align: center; margin-bottom: 30px; margin-top: 30px; } ul { list-style-type: disc; padding-right: 15px; li { padding-bottom: 10px; } } } } .md-container { max-width: 800px; margin: auto; } .text-left { text-align: left; } .text-center { text-align: center; } ol.huge-list-markers li{ margin-bottom: 5rem; &::marker { font-size: 4rem; font-weight: 800; margin: 2rem; } } .text-3x { font-size: 3rem; } .text-4x { font-size: 4rem; } .font-bold { font-weight: 800; } .max-width-400 { max-width: 400px; }