@font-face { font-family: "White Rabbit"; src: url("../fonts/whiterabbit/whitrabt.ttf") format("truetype"); } @font-face { font-family: "IMB Plex Mono"; src: url("../fonts/imbplexmono/IBMPlexMono-Regular.ttf") format("truetype"); } @font-face { font-family: "IMB Plex Mono"; src: url("../fonts/imbplexmono/IBMPlexMono-Regular.ttf") format("truetype"); } @font-face { font-family: "Printed Circuitboard"; src: url("../fonts/printedcircuit/PrintedCircuitBoard.ttf") format("truetype"); } @font-face { font-family: "Not Courier Sans"; src: url("../fonts/notcouriersans/NotCourierSans.ttf") format("truetype"); } @font-face { font-family: "Unifont"; src: url("../fonts/unifont/unifont-13.0.03.ttf") format("truetype"); } @page{ size:A4; margin-bottom: 2in; margin-top: 1.5in; @bottom-center { content: counter(page); font-size: 16px; font-family: "White Rabbit"; } @bottom-left { /* content: " ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) )) \A ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( (( \A ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) )) \A ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ( ((";*/ content: " o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o \A o o o o o o o o o o o o o o o o o o o o o \A o o o o o o o o o o o o o o o o o "; font-size: 14px; white-space: pre-wrap; font-family: "Unifont"; margin-bottom: 1.4in; line-height: 0.7; width: 43em; } } @page :first { @bottom-left { content: " "; } } @page :left { margin-left: 1in; margin-right: 1in; @top-left { content: element(pageheader-issue, first-except); font-size: 8px; } @top-right { content: element(pageheader-theme, first-except); font-size: 8px; } /* @left-top { content: " o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o \A o o o o o o o o o o o o o o o o o o o o o o o o o o \A o o o o o o o o o o o o o o o o o o o o o "; font-size: 16px; white-space: pre-wrap; font-family: "Unifont"; line-height: 0.7; width: 50em; transform: rotate(90deg); } @right-top { content: " o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o \A o o o o o o o o o o o o o o o o o o o o o o o o o o \A o o o o o o o o o o o o o o o o o o o o o "; font-size: 16px; white-space: pre-wrap; font-family: "Unifont"; line-height: 0.7; width: 2em; transform: rotate(180deg); } */ } @page :right { margin-left: 1in; margin-right: 1in; @top-right { content: element(pageheader-issue, first-except); font-size: 8px; } @top-left { content: element(pageheader-theme, first-except); font-size: 8px; } } .post-title { display: none; } #pageheader-issue{ position: running(pageheader-issue); font-family: 'White Rabbit'; } #pageheader-theme{ position: running(pageheader-theme); font-family: 'White Rabbit'; } #pagefooter { position: running(pagefooter); } .underline { text-decoration: none !important; color: black; } /*First page*/ .first-page { line-height: 1.6; } #title { font-size: 20px; text-align: center; font-family: 'White Rabbit'; } #author { font-size: 20px; font-family: 'White Rabbit'; text-align: center; } #title_edition { font-size: 26px; font-family: 'White Rabbit'; text-align: center; page-break-before: always; } /*Colophon*/ .colophon { column-count: 2; column-gap: 100px; column-fill: balance; column-rule-width: medium; font-family: 'Unifont'; line-height: 1.6; font-size: 14px; page-break-after: always; } #colophon_title { font-family: 'White Rabbit'; font-size: 26px; page-break-before: always; } /*Content*/ .essay_content { font-family: 'Unifont'; font-size: 14px; line-height: 1.6; page-break-before: always; } #first_letter { float:left; margin-bottom: 20px; margin-right: 10px; } .essay_content p:first-of-type { margin-top: 80px; } .bio { font-family: 'Unifont'; font-size: 14px; margin-top: 520px; margin-left: 380px; page-break-after: always; page-break-before: always; line-height: 1.7; } #ascii_blob { position: absolute; margin-top: 2em; margin-left: -2.5em !important; }