/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/* CSS Graphs - Demo Page */
/* Author: Bradley Taunt */
/* Inspired by the data design concepts of Edward Tufte */
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/

* {
    box-sizing: border-box;
}
body, html {
    background: #fffff8;
    display: block;
    height: 100%;
    margin: 0 auto;
    max-width: 600px;
}
body {
    background: #fffff8;
    font: 400 16px/1.5 "et-book", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
    margin: 0;
    padding: 0;
}
.intro {
    margin: 150px 0 8em;
    padding: 0 1em;
}
.intro p {
    font-size: 120%;
    margin: 0 0 0.5em 0;
}
/*h2*/.title {
    margin: 0 0 5em;
    padding: 0 0.5em;
    text-align: center;
}
/*h2*/.title span {
    display: block;
    font-size: 80%;
}
footer {
    padding: 0 0 2em;
    text-align: center;
}
caption {
    font-style: italic;
}
hr {
    background: transparent;
    border: 0;
    height: 10em;
    width: 100%;
}

@font-face { font-family: "et-book"; src: url("/et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot"); src: url("/et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot?#iefix") format("embedded-opentype"), url("/et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff") format("woff"), url("/et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf") format("truetype"), url("/et-book/et-book-roman-line-figures/et-book-roman-line-figures.svg#etbookromanosf") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "et-book"; src: url("/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot"); src: url("/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot?#iefix") format("embedded-opentype"), url("/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff") format("woff"), url("/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf") format("truetype"), url("/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.svg#etbookromanosf") format("svg"); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: "et-book"; src: url("/et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot"); src: url("/et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot?#iefix") format("embedded-opentype"), url("/et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff") format("woff"), url("/et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf") format("truetype"), url("/et-book/et-book-bold-line-figures/et-book-bold-line-figures.svg#etbookromanosf") format("svg"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: "et-book-roman-old-style"; src: url("/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot"); src: url("/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot?#iefix") format("embedded-opentype"), url("/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff") format("woff"), url("/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.ttf") format("truetype"), url("/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.svg#etbookromanosf") format("svg"); font-weight: bold; font-style: normal; font-display: swap; }