@charset "utf-8"; /* CSS Document */ @font-face { font-family: 'RobotoCondensed-Light'; font-weight: normal; font-style: normal; src:url('../Fonts/RobotoCondensed-Light.ttf'); } @font-face { font-family: 'Florence'; font-weight: normal; font-style: normal; src:url('../Fonts/Florence-Normal.ttf'); } @font-face { font-family: 'Spectral-Reg'; font-weight: normal; font-style: normal; src:url('../Fonts/Spectral-Regular.ttf'); } @font-face { font-family: 'Spectral-Ita'; font-weight: normal; font-style: italic; src:url('../Fonts/Spectral-Italic.ttf'); } @font-face { font-family: 'Garamond-Reg'; font-weight: normal; font-style: normal; src:url('../Fonts/EBGaramond-Regular.ttf'); } body { font-family: 'Spectral-Reg', serif; text-align: justify; font-size: 1em; padding: 0; orphans: 3; widows: 3; margin: 0.25em;} a:link, a:visited {color: black; text-decoration: none; border-bottom: 1px dotted black;} .hide {text-indent: -99999em; margin: 0; line-height: 0; display: none;} .wrap {white-space: nowrap;} .group {page-break-inside: avoid !important;} .single {margin-bottom: 1.5em !important;} .double {margin-bottom: 3em !important;} .break {page-break-after: always !important;} .normal {font-style: normal !important;} .right {text-align: right;} .left {text-align: left !important} .high {font-size: 130%;} .uppercase {text-transform: uppercase; font-size: 0.75em;} section article { margin-bottom: 3em; } h1, h2, h3, h4 .colophon p, .solapa p, .copyright, blockquote p, .about p { hyphens: none; -webkit-hyphens: none;} h1.first, h2, h3, h4 { font-family: 'RobotoCondensed-Light' !important; font-size: 1.25em; font-weight: normal; text-transform: uppercase; margin: 0; } h1 { font-family: 'Florence'; line-height: 0.75em; font-size: 3em; text-align: center; margin: 25% 20% 0.5em 20%; } h1 span { font-family: 'Spectral-Reg'; font-size: 0.35em; font-weight: normal; line-height: 0.5em; } h1.first { text-transform: none !important; font-size: 1.75em !important; font-weight: normal!important; } h2 {} h1.first, h2.first, h4.first, body.index h1 { margin: 0 0 9em 0; text-align: left; } h3, h4 { font-weight: bold; margin: 0 0 1em 0; } p em, p i { font-family: 'Spectral-Ita'; } p { margin: 0; text-indent: 0; line-height: 1.5em; } p.start { text-indent: 0 !important; } p.start::first-letter { margin-right: 0.5em; text-indent: 0; -webkit-initial-letter: 3; initial-letter: 3; font-family: 'Florence'; text-indent: 0; font-weight: bold; } p.indent { text-indent: 2em !important; } body.note p {text-indent: 2em !important;} body.note p.start {text-indent: 0 !important;} body.note ol { list-style-type: decimal; list-style-position: inside; margin: 1.5em 0} body.note ol li { text-align: justify; padding: 0 0 0.75em 0; } body.index article {page-break-inside: avoid;} body.index span.coma { font-family: 'Florence'; padding: 0 0.25em 0.25em 0.25em; } body.index h1 { font-family: 'RobotoCondensed-Light' !important; font-size: 1.75em !important; font-weight: normal; } body.index p { text-indent: -3.5em; padding-left: 3.5em; } figure { margin: 0; padding: 0; text-align: center; } figure img { width: 100%; } .copyright p, .copyright h2 {font-size: 0.9em; line-height: 1.5em; text-indent: 0 !important; text-align: left; margin-left: 1em; padding-left: 1em; padding-right: 1.5em; border-left: 2px solid black;} .copyright .single {padding-bottom: 1.5em; margin-bottom: 0 !important;} .copyright .double {padding-bottom: 3em; margin-bottom: 0 !important;} .copyright p.start {padding-top: 1.5em;} .copyright h2 {margin: 0;} .copyright div.a11y h2 { text-transform: none; margin-left: 1em } .copyright div.a11y p { padding: 0 0 0 1.5em; font-size: 0.85em !important; padding-right: 3em; margin-left: 1.05em; } .copyright div.a11y figure { width: 4.5em; margin: 0; } .copyright div.a11y img { float: left; padding: 0 1em 0 2em; width: 100%; } .about p, .about i { font-family: 'RobotoCondensed-Light' !important; } body.about { background-color: #DF117F; margin: 0; } .about p { background-color: #DF117F; color: #ffffff; text-indent: 0; text-align: left; font-size: 1.3em; line-height: 1.75em; padding: 3em; } .about p.first {padding-bottom: 1.5em !important;} .about p.second {padding-top: 0 !important;} h2.index {font-size: 1.75em; text-transform: none; font-weight: lighter; text-align: left; margin-top: 4.5em; margin-bottom: 3em; padding-left: 0em;} nav ol { list-style-type: none; padding-left: 0; margin: 0 20% 0 0;} nav ol li {text-align: left; font-style: normal; margin-bottom: 1.5em;} nav ol ol {margin-top: 0; margin-left: 1.5em;} nav .mtop {margin-top: 0.75em;} .colophon p {font-size: 0.9em; text-align: center; line-height: 2em; margin: 1.5em 15% 1.5em; text-indent: 0;} .colophon span.garamond {font-family: 'Garamond-Reg';} .colophon span.roboto {font-family: 'RobotoCondensed-Light';} .cover {text-align: center;} .cover img {width: 90vw; max-width: 1024px;} @media (max-width: 640px) { p.start { text-indent: 0; } p.start::first-letter { margin-right: 0.5em; text-indent: 0; -webkit-initial-letter: 3; initial-letter: 3; font-family: 'RobotoCondensed-Light'; text-indent: 0; font-weight: bold;} p { text-indent: 2em; line-height: 1.5em; } h2.index { margin-top: 0em; } .about {background-color: #d42127;} .about p { font-size: 1.1em; line-height: 1.5em; padding: 1em; } h1.first, h2.first, h4.first, body.index h1 { margin: 0 0 6em 0; } body.note ol { margin: 1.5em 0; padding-left: 2em} body.note ol li { padding: 0 0 0.75em 0; } } @media amzn-mobi7 { a:link, a:visited { color: black; text-decoration: underline; border-bottom: none !important; color: black; } .hide { display: contents !important; visibility: visible !important; } } @media amzn-kf8 { a:link, a:visited { color: black; text-decoration: underline; border-bottom: none !important; color: black; } .hide { display: contents !important; visibility: visible !important; } }