From b09c58ccd828e0fb9bad48a4012177fa5b572ead Mon Sep 17 00:00:00 2001 From: Sam Anthony Date: Mon, 12 Jan 2026 13:05:08 -0500 Subject: layout --- style.css | 106 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 106 insertions(+) create mode 100644 style.css (limited to 'style.css') diff --git a/style.css b/style.css new file mode 100644 index 0000000..0d3c4d1 --- /dev/null +++ b/style.css @@ -0,0 +1,106 @@ +* { + margin: 0; + paddding: 0; + font-weight: normal; +} + +:root { + --col1wid: 1.65in; + --col2wid: 4in; +} + +body { + width: 7in; + margin: .25in auto; +} + +/* Typeface */ +body { + font-size: 12pt; + font-family: 'IBM Plex Serif', sans-serif; + font-kerning: normal; + text-rendering: optimizeLegibility; +} + +/* Body text spacing */ +body { + line-height: 1.35em; +} + +header { + margin-bottom: 1em; +} + +header table { + margin: 0 auto; +} + +.section { + margin-top: 1rem; +} + +p { + margin-bottom: .4em; +} + +.title { + font-size: 1.5em; + text-align: center; + text-transform: capitalize; +} + +h1 { + font-size: 1.07em; + font-family: 'IBM Plex Serif Medium', sans-serif; + letter-spacing: .07em; + margin-bottom: .2em; +} + +h2 { + font-size: 1.05em; +} + +hr { + border-top: 1px solid black; + margin-top: 1rem; + margin-bottom: 0; +} + +table { + text-align: left; +} + +.columns-2 { + display: flex; + width: 100%; +} + +.columns-2 > :nth-child(1) { + flex: 0 0 var(--col1wid); + padding-right: .4em; +} + +.columns-3 { + display: flex; + width: 100%; +} + +.columns-3 > :nth-child(1) { + flex: 0 0 var(--col1wid); + padding-right: .4em; +} + +.columns-3 > :nth-child(2) { + flex: 0 0 var(--col2wid); +} + +.columns-3 > :nth-child(3) { + margin-left: auto; + text-align: right; + padding-left: .4em; +} + +.right { + margin-left: auto; + text-align: right; +} -- cgit v1.2.3