|
- body {
- font-size: 100%;
- line-height: 1.563;
- font-family: Raleway, sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- #wrapper {
- max-width: 700px;
- margin: 0 auto;
- padding: 0 2em 2em 2em;
- }
- h1, h2, h3 {
- text-align: center;
- font-weight: normal;
- }
- h1 {
- font-family: 'Playfair Display', serif;
- font-size: 2.5em;
- font-weight: 400;
- margin: 2em 0;
- letter-spacing: -0.5px;
- }
- h2 {
- font-family: 'Playfair Display', serif;
- font-size: 1.5em;
- font-weight: 400;
- line-height: 1.375em;
- margin: 2.5em 0;
- }
- p.intro {
- font-size: 1.2em;
- }
- hr {
- background: #ccc;
- height: 1px;
- border: 1px solid #ccc;
- }
- code {
- font-family: monospace, monospace;
- font-size: 1em;
- }
- table a:link, table a:visited {
- color: #333;
- text-decoration: none;
- }
- table th a:link, table th a:visited {
- color: #fff;
- }
- a.cta:link, a.cta:visited {
- font-size: 0.86em;
- color: blue;
- padding-bottom: 2px;
- border-bottom: 1px solid blue;
- }
- table a sup {
- font-size: 0.5em;
- }
- table th a sup {
- font-size: 0.7em;
- margin-left: 0.25em;
- }
- footer {
- margin: 5em 0 6em;
- text-align: center;
- color: #999;
- }
- .tg {
- border-collapse: collapse;
- border-spacing: 0;
- border-color: #ccc;
- border: none;
- margin: 0px auto;
- }
- tr:nth-child(even) {
- background-color: #f9f9f9;
- }
- td {
- font-family:Raleway, sans-serif;
- font-size: 1em;
- padding:10px 20px;
- border-style:solid;
- border-width:0px;
- word-break:normal;
- border-color:#ccc;
- color:#333;
- text-align: center;
- }
- td:first-child {
- text-align: left;
- }
- td + td {
- font-size: 1.5em;
- }
- .tg th{
- font-family: Raleway, Arial, sans-serif;
- font-size: 1em;
- font-weight:normal;
- padding:10px 20px;
- border-style:solid;
- border-width:0px;
- word-break:normal;
- border-color:#ccc;
- color:#efefef;
- background-color: #343434;
- text-align: center;
- height: 3em;
- }
- @media screen and (max-width: 767px) {
- .tg {
- width: auto !important;
- }
- .tg col {
- width: auto !important;
- }
- }
- @media screen and (max-width: 600px) {
- body {
- font-size: 86%;
- }
- }
- @media screen and (max-width: 550px) {
- table {
- font-size: 68%;
- margin-left: -4em !important;
- margin-right: -4em !important;
- }
- td {
- padding: 10px 5px;
- }
- }
|