@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; } 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; } /* Font List */ @font-face { font-family: "ArnoPro"; src: url(../fonts/ArnoPro-Regular.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "ArnoPro"; src: url(../fonts/ArnoPro-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "ArnoPro-Bold"; src: url(../fonts/ArnoPro-BoldCaption.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "ArnoPro"; src: url(../fonts/ArnoPro-Italic.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "ArnoPro-Light"; src: url(../fonts/ArnoPro-LightDisplay.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "ArnoPro-Smbd"; src: url(../fonts/ArnoPro-Smbd.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "ArnoPro-SmbdItalicCaption"; src: url(../fonts/ArnoPro-SmbdItalicCaption.ttf); font-style: iltaic; font-weight: bold; } @font-face { font-family: "ArnoPro-SmbdItalicSubhead"; src: url(../fonts/ArnoPro-SmbdItalicSubhead.ttf); font-style: iltaic; font-weight: bold; } @font-face { font-family: "ArnoPro-SmbdSubhead"; src: url(../fonts/ArnoPro-SmbdSubhead.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "cambria"; src: url(../fonts/cambria.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "ProximaNova"; src: url(../fonts/ProximaNova-Regular.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "ProximaNova"; src: url(../fonts/ProximaNova-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "ProximaNova-Extra"; src: url(../fonts/ProximaNova-Extrabold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "ProximaNova-Light"; src: url(../fonts/ProximaNova-Light.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "proximanova-semi"; src: url(../fonts/proximanova-semibold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "proximanova-semi"; src: url(../fonts/proximanova-semibolditalic.ttf); font-style: italic; font-weight: bold; } /* Title Page */ .h1 { font-family: "ArnoPro-Light"; font-weight: normal; font-size: 250%; line-height: 1em; margin-top: 1.2em; margin-bottom: 1em; text-align: center; } .h2 { font-family: "ProximaNova-Extra"; font-weight: bold; font-size: 200%; margin-top: 1.2em; margin-bottom: 1.2em; text-indent: 0em; text-align: center; padding-bottom: 0.1em; } .h2t { font-family: "ProximaNova-Extra"; font-weight: bold; font-size: 160%; margin-top: 1.2em; margin-bottom: 1.2em; text-indent: 0em; text-align: center; padding-bottom: 0.1em; } .h2part { font-family: "ProximaNova"; font-weight: normal; font-size: 110%; margin-top: 1.2em; margin-bottom: 0.1em; text-indent: 0em; text-align: center; } .h2p { font-family: "ArnoPro-Light"; font-weight: normal; font-size: 250%; margin-top: 0.5em; margin-bottom: 1em; text-indent: 0em; text-align: center; } .h2ch { font-family: "ProximaNova"; font-weight: normal; font-size: 90%; margin-top: 1.2em; margin-bottom: 0.1em; text-indent: 0em; text-align: center; } .h2a { font-family: "ArnoPro-Light"; font-weight: normal; font-size: 200%; margin-top: 1em; margin-bottom: 1.2em; text-indent: 0em; text-align: center; color: #58585A; } .h3r { page-break-before: always; font-family: "ArnoPro-Light"; font-weight: normal; font-size: 170%; margin-top: 1.2em; margin-bottom: 0.3em; margin-left: 0.1em; text-indent: 0.01em; text-align: left; border-bottom: 0.1em solid #555555; } .h3a { page-break-before: always; font-family: "ProximaNova-Extra"; font-size: 180%; margin-top: 1.2em; margin-bottom: 1em; margin-left: 0.1em; text-indent: 0.01em; text-align: center; border-bottom: 0.1em solid #555555; color: #6D6E70; padding: 0.3em; } .h3b { font-family: "ProximaNova-Extra"; font-size: 180%; margin-top: 0.5em; margin-bottom: 1em; margin-left: 0.1em; text-indent: 0.01em; text-align: center; border-bottom: 0.1em solid #555555; color: #6D6E70; padding: 0.3em; } .h4 { font-family: "proximanova-semi"; font-weight: bold; font-size: 100%; margin-top: 1em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .h4a { font-family: "ProximaNova"; font-weight: bold; font-size: 100%; margin-top: 1em; margin-bottom: 1em; text-indent: 0em; text-align: left; color: #58585A; } .h4b { font-family: "ArnoPro"; font-weight: normal; font-size: 110%; margin-top: 1em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .h4c { font-family: "proximanova-semi"; font-weight: bold; font-size: 100%; margin-top: 1em; margin-bottom: 0.5em; text-indent: 0em; text-align: center; } .h5 { font-family: "proximanova-semi"; font-weight: bold; font-size: 90%; margin-top: 1em; margin-bottom: 0.3em; text-indent: 0em; text-align: left; } .subtitle { font-family: "ProximaNova"; font-size: 110%; line-height: 1.2em; margin-left: 2em; margin-right: 2em; margin-top: 0.5em; margin-bottom: 2em; text-align: center; } .author { font-family: "ArnoPro-Light"; font-size: 150%; margin-left: 2em; margin-right: 2em; margin-top: 0.5em; margin-bottom: 0.1em; text-align: center; } .author1 { font-family: "ProximaNova"; margin-left: 0em; margin-right: 0em; margin-top: 0.1em; margin-bottom: 1em; text-align: left; } .title { font-family: "ProximaNova"; font-size: 90%; margin-left: 2em; margin-right: 2em; margin-top: 0.1em; margin-bottom: 0.1em; text-align: center; color: #6D6E70; } .pub { margin-top: 1em; margin-bottom: 0.3em; text-align: center; } .indent { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 1.2em; text-align: left; } .indentb { margin-top: 0.1em; margin-bottom: 1em; text-indent: 1.2em; text-align: left; } .noindent { margin-top: 0.2em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .noindentt { margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .noindentb { margin-top: 0.1em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .toc { font-family: "ArnoPro"; font-size: 100%; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0.1em; text-indent: 0.01em; text-align: center; } .toca { font-family: "ArnoPro"; font-size: 100%; margin-top: 1em; margin-bottom: 0.1em; margin-left: 0.1em; text-indent: 0.01em; text-align: center; } .toc1 { font-family: "proximanova-semi"; font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0.1em; text-indent: 0.01em; text-align: center; background-color: #E5EDED; padding: 0.5em; } .toc2 { font-family: "proximanova-semi"; font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0.1em; text-indent: 0.01em; text-align: center; background-color: #DCEDF6; padding: 0.5em; } .toc3 { font-family: "proximanova-semi"; font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0.1em; text-indent: 0.01em; text-align: center; background-color: #DBDFE7; padding: 0.5em; } .toc4 { font-family: "proximanova-semi"; font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0.1em; text-indent: 0.01em; text-align: center; background-color: #F4ECEC; padding: 0.5em; } .toc5 { font-family: "proximanova-semi"; font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0.1em; text-indent: 0.01em; text-align: center; background-color: #F9F3E2; padding: 0.5em; } .sidebar { page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; text-indent: 0em; text-align: left; background-color:#E6EAEA; padding: 0.2em 0.7em 0.5em 0.7em; } .sidebar1 { page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; text-indent: 0em; text-align: left; background-color:#F9F5F4; padding: 0.2em 0.7em 0.5em 0.7em; } .sidebar2 { page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; text-indent: 0em; text-align: left; background-color:#F9F4E8; padding: 0.2em 0.7em 0.5em 0.7em; } .sidebarq { page-break-inside: avoid; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; text-indent: 0em; text-align: left; background-color:#EAE8EF; padding: 0.2em 0.7em 0.5em 0.7em; } .shead { font-family: "ProximaNova"; font-weight: bold; font-size: 90%; line-height: 1em; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; text-align: center; border-bottom: 0.1em solid #555555; padding-bottom: 0.3em; } .sheadt { font-family: "ProximaNova"; font-weight: bold; font-size: 90%; line-height: 1em; margin-top: 1em; margin-bottom: 0.5em; text-indent: 0em; text-align: center; border-bottom: 0.1em solid #555555; padding-bottom: 0.3em; } .spara { font-family: "ProximaNova"; font-size: 90%; margin-top: 0.5em; margin-bottom: 0.1em; text-indent: 0em; text-align: justify; } .sparai { font-family: "ProximaNova"; font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 1em; text-align: justify; } .slist { font-family: "ProximaNova"; font-size: 90%; margin-top: 0.5em; margin-bottom: 0.2em; margin-left: 0.6em; text-indent: -0.6em; text-align: left; } .blist { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.2em; margin-left: 0.6em; text-indent: -0.6em; text-align: left; } .blistb { font-size: 100%; margin-top: 0.5em; margin-bottom: 1em; margin-left: 0.6em; text-indent: -0.6em; text-align: left; } .blist1 { font-size: 100%; margin-top: 0.2em; margin-bottom: 0.2em; margin-left: 0.6em; text-indent: -0.6em; text-align: left; } .blist1b { font-size: 100%; margin-top: 0.2em; margin-bottom: 1em; margin-left: 0.6em; text-indent: -0.6em; text-align: left; } .nlist { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.1em; margin-left: 1em; text-indent: -1em; text-align: left; } .nlist1 { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.1em; margin-left: 1.5em; text-indent: -1.5em; text-align: left; } .nlistb { font-size: 100%; margin-top: 0.5em; margin-bottom: 1em; margin-left: 1em; text-indent: -1em; text-align: left; } .list { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.2em; margin-left: 2.7em; text-indent: -1em; text-align: left; } .listb { font-size: 100%; margin-top: 0.5em; margin-bottom: 1em; margin-left: 2.7em; text-indent: -1em; text-align: left; } .list1 { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.2em; margin-left: 2.7em; text-indent: -1em; text-align: left; } .yield { font-family: "ArnoPro"; font-size: 100%; margin-top: 0.1em; margin-bottom: 0.2em; margin-left: 0.1em; text-indent: 0.01em; text-align: left; } .prep { font-family: "ArnoPro"; font-size: 100%; margin-top: 0.1em; margin-bottom: 0.2em; margin-left: 0.1em; text-indent: 0.01em; text-align: left; } .ihead { font-family: "proximanova-semi"; font-weight: bold; font-size: 90%; margin-top: 1em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .resou { margin-top: 1em; margin-bottom: 0.1em; margin-left: 1em; text-indent: -1em; text-align: left; } .notes { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 1.5em; text-indent: -1.5em; text-align: left; } .essen { font-family: "proximanova-semi"; font-size: 1.1em; margin-top: 1em; margin-bottom: 0.1em; margin-left: 0em; text-align: left; } .essen1 { font-family: "ProximaNova"; font-size: 1em; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0em; text-align: left; } .u1 { border-bottom: 0.1em solid #555555; } .quote { font-family: "ProximaNova-Light"; font-size: 1em; margin-top: 1em; margin-bottom: 0.1em; margin-left: 1em; margin-right: 1em; text-align: left; } .right { font-size: 0.9em; font-family: "ProximaNova"; margin-top: 1em; margin-bottom: 0.1em; margin-left: 0em; margin-right: 1em; text-align: right; } .hr { border: 0.2em solid #C7C8CA; } .ahead { page-break-before: always; font-family: "proximanova-semi"; font-size: 90%; margin-left: 0em; margin-right: 0em; margin-top: 1.2em; margin-bottom: 1em; text-align: center; } .apara { font-family: "ProximaNova"; margin-left: 0em; margin-right: 0em; margin-top: 1em; margin-bottom: 1em; text-align: left; } .f1 { font-size: 90%; } .f2 { font-family: "ProximaNova"; font-size: 85%; } .f3 { font-size: 90%; font-family: "proximanova-semi"; } .f4 { font-family: "ArnoPro-Smbd"; } .f5 { font-family: "ArnoPro-SmbdItalicCaption"; } .f6 { background-color: #D9D8EC; padding: 0.5em; } .f7 { background-color: #DCEAB6; padding: 0.5em; } .f8 { background-color: #CCDEDC; padding: 0.5em; } .f9 { background-color: #F8D9E3; padding: 0.5em; } .f10 { background-color: #D2E0EB; padding: 0.5em; } .f11 { background-color: #DFAE63; padding: 0.5em; } .t1 { border-collapse: collapse; width: 100%; margin-top: 1em; margin-bottom: 1em; } .b1 { background-color: #EEEFEF; } .b1a { background-color: #EEEFEF; border-left: 0.1em solid #ffffff; } .b2 { border-bottom: 0.1em solid #555555; } .b2a { border-bottom: 0.1em solid #555555; border-left: 0.1em solid #555555; } .b3 { border-left: 0.1em solid #555555; } .tab { border-top: 0.1em solid #555555; border-bottom: 0.1em solid #555555; } .tab2 { border-bottom: 0.2em solid #555555; } .tparat { font-family: "ProximaNova"; font-size: 0.9em; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0em; text-align: left; } .tparac { font-family: "ProximaNova"; font-size: 0.9em; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0em; text-align: center; } .tpara { font-family: "ArnoPro"; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0em; text-align: left; } .tparaa { font-family: "ArnoPro"; margin-top: 1em; margin-bottom: 0.1em; margin-left: 0em; text-align: left; } .tpara1 { font-family: "proximanova-semi"; font-size: 0.9em; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0em; text-align: left; } .tpara2 { font-family: "proximanova-semi"; font-size: 0.9em; margin-top: 1em; margin-bottom: 0.1em; margin-left: 0em; text-align: left; } .tpara3 { font-family: "ArnoPro-Bold"; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0em; text-align: left; } .tpara3c { font-family: "ArnoPro-Bold"; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0em; text-align: center; } .tparai { font-family: "ArnoPro"; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0em; text-indent: 1em; text-align: left; } .tblist { font-family: "ArnoPro"; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0.6em; text-indent: -0.6em; text-align: left; } /* For Index */ .indexhead { font-family: "ProximaNova"; font-weight: bold; font-size: 110%; margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .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; margin-left: 3em; text-indent: -1.5em; text-align: left; } /* For Copyright */ .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; } .copy1 { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 1em; text-indent: -1em; text-align: left; } /* Default Styles */ .clear { clear: both; } .column { columns: 2; } .hidden { display: none; visibility: hidden; } .group { page-break-inside: avoid; } .groupa { page-break-before: always; } table { border-collapse: collapse; width: 100%; margin: 0em; } td { padding: 0.2em; } small { font-size: 80%; } ol { list-style-type:none; margin: 0em; } a { text-decoration: none; } /* Styling is improved to prevent sub from affecting line-height */ .sub { font-size: 75%; line-height: 1.2em; vertical-align: sub; /* Fallback */ vertical-align: -20%; } /* Styling is improved to prevent sup from affecting line-height */ .sup { font-size: 75%; line-height: 1.2em; vertical-align: super; /* Fallback */ vertical-align: 33%; } img { width: auto; max-width: 100%; /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */ height: auto; object-fit: contain; } /* 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 */ .in2 { width: 2%; } .in5 { width: 5%; } .in7 { width: 7%; } .in10 { width: 10%; } .in15 { width: 15%; } .in20 { width: 20%; } .in30 { width: 30%; } .in40 { width: 40%; } .in70 { width: 70%; } .in100 { width: 100%; } /* For float Images */ .ft50 { margin: 0em; width: 50%; float: right; padding-left: 0.5em; } .ft50 img { width: 100%; } .ft40 { margin: 0em; width: 40%; float: right; padding-left: 0.5em; } .ft40 img { width: 100%; } .ft30 { margin: 0em; width: 30%; float: right; padding-left: 0.5em; } .ft30 img { width: 100%; } .ft20 { margin: 0em; width: 20%; float: right; padding-left: 0.5em; } .ft20 img { width: 100%; } .ft25 { margin: 0em; width: 25%; float: right; padding-left: 0.5em; } .ft25 img { width: 100%; } .ft10 { width: 10%; float: right; padding-left: 0.5em; margin: 0em; } .ft10 img { width: 100%; } /* For Landscape Images (width or without caption) */ .land20 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land20 img { width: 20%; } .land30 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land30 img { width: 30%; } .land40 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land40 img { width: 40%; } .land50 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land50 img { width: 50%; } .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%; } .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%; } .land100i { page-break-before: always; margin: 0em; text-align: center; } .land100i img { width: 100%; } /* Portrait Images - width or without Caption */ .portvh30 { margin: 1em 0 0 0; text-align: center; height: 30%; } .vh30 { height: 100%; } .vh30:only-of-type { height: 30vh; } .portvh50 { margin: 1em 0 0 0; text-align: center; height: 50%; } .vh50 { height: 100%; } .vh50:only-of-type { height: 50vh; } .portvh60 { margin: 1em 0 0 0; text-align: center; height: 60%; } .vh60 { height: 100%; } .vh60:only-of-type { height: 60vh; } .portvh70 { margin: 1em 0 0 0; text-align: center; height: 70%; } .vh70 { height: 100%; } .vh70:only-of-type { height: 70vh; } .portvh80 { margin: 1em 0 0 0; text-align: center; height: 80%; } .vh80 { height: 100%; } .vh80:only-of-type { height: 80vh; } .portvh90 { margin: 1em 0 0 0; text-align: center; height: 90%; } .vh90 { height: 100%; } .vh90:only-of-type { height: 90vh; } .portvh98 { margin: 1em 0 0 0; text-align: center; height: 98%; } .vh98 { height: 100%; } .vh98:only-of-type { height: 98vh; } .portvh99 { margin: 0em; text-align: center; height: 98%; } .vh99 { height: 100%; } .vh99:only-of-type { height: 98vh; }