@charset "UTF-8"; /* blitz — CSS framework for reflowable eBooks Version 0.95 by Jiminy Panoz Codename: Blonde Rock & Roll License: MIT (https://opensource.org/licenses/MIT) */ /* NAMESPACES */ @namespace h "http://www.w3.org/1999/xhtml/"; @namespace epub "http://www.idpg.org/2007/ops"; /* if you need to style epub:type */ @namespace m "http://www.w3.org/1998/Math/MathML/"; /* if you need to style MathML */ @namespace svg "http://www.w3.org/2000/svg"; /* if you need to style SVG */ html { /* Don't use it for styling, used as selector which can take a punch if anything goes wrong above */ } /* Begin CSS */ /* Reset */ /* So here's the trick, we must reset to manage a number of problems once and for all: - HTML5 backwards compatibility (EPUB 3 file in EPUB 2 app); - user settings (e.g. line-height on Kobo and Kindle); - CSS bloat (DRY); - KFX for which a reset using `border: 0` seems to disable support; - etc. It all started as a normalize and became a reset given the magnitude of the task. */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; /* RS may apply vertical padding to el such as p */ border: 0; /* Font size in pixel disable the user setting in legacy RMSDK */ line-height: inherit; /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */ vertical-align: baseline; -webkit-hyphens:none; epub-hyphens:none; -moz-hyphens:none; hyphens:none; adobe-hyphenate:none !important; } /* This is absolutely necessary for backwards compatibility */ article, aside, details, figure, figcaption, footer, header, hgroup, main, nav, section { display: block; } /* page margins for nook and kobo */ @page { margin: 1.2em; } body { font-size: 100%; text-align: left; margin:0 auto; /* RS will override margins anyways */ padding: 0; widows: 2; /* iBooks and Kobo support widows and orphans */ orphans: 2; } /* Styling is improved to prevent sub from affecting line-height */ .sub { font-size: 75%; line-height: 1.2; vertical-align: sub; /* Fallback */ vertical-align: -15%; } /* Styling is improved to prevent sup from affecting line-height */ .sup { font-size: 75%; line-height: 1.2; vertical-align: super; /* Fallback */ vertical-align: 25%; } img { width: auto; max-width: 100%; /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */ height: auto; object-fit: contain; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-Regular.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-BoldItalic.ttf); font-style: italic; font-weight: bold; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-Italic.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "GothamCondensed-Light"; src: url(../fonts/GothamCondensed-Light.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "GothamCondensed-Bold"; src: url(../fonts/GothamCondensed-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "GothamCondensed-Book"; src: url(../fonts/GothamCondensed-Book.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "RotisSansSerif"; src: url(../fonts/RotisSansSerif.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "RotisSansSerif"; src: url(../fonts/RotisSansSerif-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "RotisSansSerif"; src: url(../fonts/RotisSansSerif-Italic.ttf); font-style: italic; font-weight: normal; } h1,h2,h3,h4,h5,h6 { page-break-after:avoid; -epub-hyphens: none !important; adobe-hyphenate: none !important; hyphens: none !important; page-break-after: avoid !important; } .h1 { font-family: sans-serif; font-weight: bold; font-size: 230%; line-height: 1.3em; margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: center; } .h1 small { font-weight: normal; } .h2 { font-family: "GothamCondensed-Bold", sans-serif; font-size: 170%; font-weight: bold; line-height: 1em; margin-top: 0.1em; margin-bottom: 0.5em; text-indent: 0em; text-align: right; border-bottom: solid #f4d347 0.15em; padding-bottom: 0.3em; } .h2a { font-family: "GothamCondensed-Bold", sans-serif; font-size: 170%; font-weight: bold; line-height: 1em; margin-top: 0.1em; margin-bottom: 0.5em; text-indent: 0em; text-align: right; border-bottom: solid #004f9d 0.15em; padding-bottom: 0.3em; } .h2b { font-family: "GothamCondensed-Bold", sans-serif; font-size: 170%; font-weight: bold; line-height: 1em; margin-top: 0.1em; margin-bottom: 0.5em; text-indent: 0em; text-align: right; border-bottom: solid #79c9aa 0.15em; padding-bottom: 0.3em; } .h2c { font-family: "GothamCondensed-Bold", sans-serif; font-size: 170%; font-weight: bold; line-height: 1em; margin-top: 0.1em; margin-bottom: 0.5em; text-indent: 0em; text-align: right; border-bottom: solid #f28b20 0.15em; padding-bottom: 0.3em; } .h2d { font-family: "GothamCondensed-Bold", sans-serif; font-size: 170%; font-weight: bold; line-height: 1em; margin-top: 0.1em; margin-bottom: 0.5em; text-indent: 0em; text-align: right; border-bottom: solid #d2232a 0.15em; padding-bottom: 0.3em; } .h2e { font-family: "GothamCondensed-Bold", sans-serif; font-size: 170%; font-weight: bold; line-height: 1em; margin-top: 0.1em; margin-bottom: 0.5em; text-indent: 0em; text-align: right; border-bottom: solid #3eba81 0.15em; padding-bottom: 0.3em; } .h2n { font-family: "GothamCondensed-Book", sans-serif; font-size: 170%; font-weight: normal; line-height: 1em; margin-top: 0.1em; margin-bottom: 1em; text-indent: 0em; text-align: right; } .h2i { font-family: "GothamCondensed-Bold", sans-serif; font-size: 160%; font-weight: bold; line-height: 1em; margin-top: 0.1em; margin-bottom: 1em; text-indent: 0em; text-align: center; } .h3 { page-break-before: always; font-family: "GothamCondensed-Book", sans-serif; font-size: 110%; font-weight: normal; line-height: 1em; margin-top: 1em; margin-bottom: 0.3em; text-indent: 0em; text-align: right; } .h3a { page-break-before: always; font-family: sans-serif; font-size: 100%; font-weight: bold; line-height: 1em; margin-top: 1.4em; margin-bottom: 1em; text-indent: 0em; text-align: left; border-bottom: solid #f58026 0.1em; padding-bottom: 0.2em; } .h3b { font-family: "GothamCondensed-Bold", sans-serif; font-size: 160%; font-weight: bold; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; text-align: right; } .seclist { font-family: "GothamCondensed-Book", sans-serif; font-size: 100%; font-weight: normal; line-height: 1em; margin-top: 0.2em; margin-bottom: 0.3em; text-indent: 0em; text-align: right; } .author { font-family: "Gotham", sans-serif; font-weight: normal; line-height: 1em; font-size: 90%; margin-top: 4em; margin-bottom: 5em; text-indent: 0em; text-align: center; } .subtitle { font-family: "Gotham", sans-serif; font-weight: normal; font-size: 90%; margin-top: 0.5em; margin-bottom: 3em; margin-left: 2em; margin-right: 2em; text-indent: 0em; text-align: center; } .pub { margin-top: 8em; margin-bottom: 0.3em; text-indent: 0em; text-align: center; } .noindent { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .indent { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 1.2em; text-align: left; } .sidebar1 { background-color: #eba790; border: solid #eba790 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar2 { background-color: #f3705f; border: solid #f3705f 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar3 { background-color: #f5865f; border: solid #f5865f 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar4 { background-color: #e28067; border: solid #e28067 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar5 { background-color: #b7ce80; border: solid #b7ce80 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar6 { background-color: #fcb54d; border: solid #fcb54d 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar7 { background-color: #bbd087; border: solid #bbd087 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar8 { background-color: #beb8a7; border: solid #beb8a7 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar9 { background-color: #f6a657; border: solid #f6a657 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar10 { background-color: #96d3ba; border: solid #96d3ba 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar12 { background-color: #fbb05e; border: solid #fbb05e 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar13 { background-color: #f47a66; border: solid #f47a66 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar14 { background-color: #92bce0; border: solid #92bce0 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar15 { background-color: #f36e5d; border: solid #f36e5d 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar16 { background-color: #f6dc78; border: solid #f6dc78 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar17 { background-color: #df765d; border: solid #df765d 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar18 { background-color: #d0e2eb; border: solid #d0e2eb 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar19 { background-color: #faad7a; border: solid #faad7a 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar20 { background-color: #c0c8cf; border: solid #c0c8cf 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar21 { background-color: #8bd0dc; border: solid #8bd0dc 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar22 { background-color: #8cb0dd; border: solid #8cb0dd 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar23 { background-color: #e6ca5d; border: solid #e6ca5d 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar24 { background-color: #f79c78; border: solid #f79c78 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar25 { background-color: #b1badd; border: solid #b1badd 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar26 { background-color: #86acdb; border: solid #86acdb 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar27 { background-color: #bde5e9; border: solid #bde5e9 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar28 { background-color: #b9cbe3; border: solid #b9cbe3 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar29 { background-color: #c0d9f1; border: solid #c0d9f1 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar30 { background-color: #b6d1cb; border: solid #b6d1cb 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar31 { background-color: #f7df83; border: solid #f7df83 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar32 { background-color: #FDBF64; border: solid #FDBF64 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar33 { background-color: #AFDCC9; border: solid #AFDCC9 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar34 { background-color: #9ec2d3; border: solid #9ec2d3 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar35 { background-color: #acb6db; border: solid #acb6db 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar36 { background-color: #95b5df; border: solid #95b5df 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar37 { background-color: #aaccec; border: solid #aaccec 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar38 { background-color: #aecfed; border: solid #aecfed 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebar39 { background-color: #82b3dc; border: solid #82b3dc 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebari1 { page-break-before: always; background-color: #4a93c7; border: solid #4a93c7 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebari2 { page-break-before: always; background-color: #f4d347; border: solid #f4d347 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebari3 { page-break-before: always; background-color: #f36f31; border: solid #f36f31 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebari4 { page-break-before: always; background-color: #f28b20; border: solid #f28b20 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebari6 { page-break-before: always; background-color: #2384c6; border: solid #2384c6 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .sidebari7 { page-break-before: always; background-color: #ffd997; border: solid #ffd997 0.1em; page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.1em 0.75em 0.75em 0.75em; text-align: left; } .stitle { font-family: "GothamCondensed-Bold", sans-serif; font-size: 160%; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.7em; text-align: left; } .spara { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0.1em; text-align: left; } .sparai { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 1.2em; text-align: left; } .shead { font-family: "GothamCondensed-Bold", sans-serif; font-size: 110%; font-weight: bold; margin-top: 1em; margin-bottom: 0.2em; margin-left: 0.05em; text-indent: 0em; text-align: left; } .toc { font-family: "GothamCondensed-Book", sans-serif; font-size: 105%; font-weight: normal; margin-top: 1em; margin-bottom: 0.2em; text-align: left; text-indent: 0em; } .toc strong { font-family: "GothamCondensed-Bold", sans-serif; } .toca { font-family: "GothamCondensed-Book", sans-serif; font-size: 90%; font-weight: normal; margin-top: 0.2em; margin-bottom: 0.2em; margin-left: 5%; text-indent: 0em; } .tocb { font-family: "GothamCondensed-Book", sans-serif; font-size: 105%; margin-top: 1em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; } .tocc { font-family: "GothamCondensed-Book", sans-serif; font-size: 100%; margin-top: 0.1em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; } .indexlev1 { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 1.5em; text-align: left; } .indexlev2 { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 2.5em; text-align: left; } .indexhead { font-family: sans-serif; font-size: 100%; font-weight: bold; margin-top: 1.2em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 1.5em; text-align: left; } .copy { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .copya { font-size: 90%; margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } small { font-size: 75%; } .hidden { display: none; visibility: hidden; } .ngloss { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.7em; margin-left: 1.5em; text-indent: -1.5em; text-align: left; } table { border-collapse: collapse; padding: 0em; } td { padding: 0.2em; } ol { list-style-type:none; margin: 0em; } a { text-decoration: none; } /* For Cover Images */ .imagefp { height: 98%; margin: 0em; text-align: center; } .imagefp:only-of-type { height: 98vh; margin: 0em; text-align: center; } .imagefc { width: 100%; } /* For Inline Images */ .in20 { width: 20%; } .in55 { width: 100%; } .in80 { width: 100%; } .in10 { width: 10%; } /* For float Images*/ .ft60L { margin: 0em; float: left; width: 60%; padding-right: 0.5em; } .ft60L img { width: 100%; } .ft50 { margin: 0em; float: right; width: 50%; padding-left: 0.5em; } .ft50 img { width: 100%; } .ft40 { margin: 0em; width: 40%; float: right; padding-left: 0.5em; } .ft40 img { width: 100%; } /* For Landscape Images (width or without caption) */ .land60 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land60 img { width: 60%; } .land70 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land70 img { width: 70%; } .land80 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land80 img { width: 80%; } .land85 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land85 img { width: 85%; } .land90 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land90 img { width: 90%; } .land100 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land100 img { width: 100%; } .land100a { margin: 0em; text-align: center; } .land100a img { width: 100%; } /* Portrait Images - width or without Caption */ .portvh80 { margin: 1em 0em 0em 0em; text-align: center; height: 80%; } .vh80 { height: 100%; } .vh80:only-of-type { height: 80vh; } .portvh70 { margin: 1em 0em 0em 0em; text-align: center; height: 70%; } .vh70 { height: 100%; } .vh70:only-of-type { height: 70vh; } .portvh60 { margin: 1em 0em 0em 0em; text-align: center; height: 60%; } .vh60 { height: 100%; } .vh60:only-of-type { height: 60vh; } .portvh98 { margin: 1em 0em 0em 0em; text-align: center; height: 98%; } .vh98 { height: 100%; } .vh98:only-of-type { height: 98vh; }