* { margin: 0; paddding: 0; } :root { --linewid: 7in; --col1wid: 1.5in; --col2wid: 4.15in; /* IBM Plex Serif woff2 weights */ --regular-weight: 400; --text-weight: 450; --medium-weight: 500; } body { width: var(--linewid); margin: 0 auto; padding: .25in .5em; } /* Typeface */ body { font-size: 12pt; font-family: 'IBM Plex Serif', sans-serif; font-weight: var(--regular-weight); font-kerning: normal; text-rendering: optimizeLegibility; color: #000; } /* Body text spacing */ body { line-height: 1.4em; } header { margin-bottom: 1em; } header p { margin: 0 auto; text-align: center; } .section { margin-top: .1in; } .subsection { margin-top: .05in; } p { text-align: left; text-justify: inter-word; margin-bottom: .5em; } a { text-decoration: none; color: #000; } .title { font-size: 1.6em; text-align: center; text-transform: capitalize; margin-top: .6em; } h1 { font-weight: var(--medium-weight); font-size: 1.07em; letter-spacing: .07em; margin-bottom: .4em; } h2 { margin-top: .6em; } h2, h3 { font-weight: var(--text-weight); font-size: 1.05em; letter-spacing: .02em; margin-bottom: .2em; } hr { border-top: 1px solid black; margin-top: 1rem; margin-bottom: 0; } table { text-align: left; } sup { /* keep line height consistent */ vertical-align: top; position: relative; top: -.25em; } .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; } .url { letter-spacing: .05em; }