@font-face {
font-family: 'Red Card';
font-weight: 400;
src: url('assets/fonts/d8528770dbe9fd94-subsetofRedCard.eot?') format('eot'), 
url('assets/fonts/d8528770dbe9fd94-subsetofRedCard.woff') format('woff'), 
 url('assets/fonts/d8528770dbe9fd94-subsetofRedCard.ttf')  format('truetype'),
 url('assets/fonts/d8528770dbe9fd94-subsetofRedCard.svg#d8528770dbe9fd94-subsetofRedCard') format('svg');
}
@font-face {
font-family: 'Red Card';
font-weight: 600;
src: url('assets/fonts/99b1b29e12ec8aa7-subsetofRedCard-Semibold.eot?') format('eot'), 
url('assets/fonts/99b1b29e12ec8aa7-subsetofRedCard-Semibold.woff') format('woff'), 
 url('assets/fonts/99b1b29e12ec8aa7-subsetofRedCard-Semibold.ttf')  format('truetype'),
 url('assets/fonts/99b1b29e12ec8aa7-subsetofRedCard-Semibold.svg#99b1b29e12ec8aa7-subsetofRedCard-Semibold') format('svg');
}
@font-face {
font-family: 'Red Card';
font-weight: 400;
font-style: italic;
src: url('assets/fonts/7c8143bff6c946a4-subsetofRedCard-Italic.eot?') format('eot'), 
url('assets/fonts/7c8143bff6c946a4-subsetofRedCard-Italic.woff') format('woff'), 
 url('assets/fonts/7c8143bff6c946a4-subsetofRedCard-Italic.ttf')  format('truetype'),
 url('assets/fonts/7c8143bff6c946a4-subsetofRedCard-Italic.svg#7c8143bff6c946a4-subsetofRedCard-Italic') format('svg');
}
@font-face {
font-family: 'Red Card SC';
font-weight: 400;
src: url('assets/fonts/53aa5fdf89d708cb-subsetofRedCardSC.eot?') format('eot'), 
url('assets/fonts/53aa5fdf89d708cb-subsetofRedCardSC.woff') format('woff'), 
 url('assets/fonts/53aa5fdf89d708cb-subsetofRedCardSC.ttf')  format('truetype'),
 url('assets/fonts/53aa5fdf89d708cb-subsetofRedCardSC.svg#53aa5fdf89d708cb-subsetofRedCardSC') format('svg');
}
@font-face {
font-family: 'Red Card SC';
font-weight: 600;
src: url('assets/fonts/39f9d7c13c627b51-subsetofRedCardSC-Semibold.eot?') format('eot'), 
url('assets/fonts/39f9d7c13c627b51-subsetofRedCardSC-Semibold.woff') format('woff'), 
 url('assets/fonts/39f9d7c13c627b51-subsetofRedCardSC-Semibold.ttf')  format('truetype'),
 url('assets/fonts/39f9d7c13c627b51-subsetofRedCardSC-Semibold.svg#39f9d7c13c627b51-subsetofRedCardSC-Semibold') format('svg');
}
@font-face {
font-family: 'Red Card SC';
font-weight: 400;
font-style: italic;
src: url('assets/fonts/fc39992294191d08-subsetofRedCardSC-Italic.eot?') format('eot'), 
url('assets/fonts/fc39992294191d08-subsetofRedCardSC-Italic.woff') format('woff'), 
 url('assets/fonts/fc39992294191d08-subsetofRedCardSC-Italic.ttf')  format('truetype'),
 url('assets/fonts/fc39992294191d08-subsetofRedCardSC-Italic.svg#fc39992294191d08-subsetofRedCardSC-Italic') format('svg');
}
html {
position: relative;
padding: 0;
background-color: #000018;
/*background: linear-gradient(rgb(38,49,61),rgb(0,24,44) 67%,rgb(0,0,24));*/
background: linear-gradient(rgb(239,62,66),rgb(227,24,55) 5em,rgb(196,18,48));
/*height: 100%;*/
/*overflow: hidden;*/
font: 12pt "Red Card", "Source Sans Pro", "Trebuchet MS", sans-serif;
word-spacing: 1pt;
line-height: 1.25em;
}
body {
width: 48em;
padding: 0 6em;
margin: 5em auto 0;
background-color: #fff;
border-radius: 1em 1em 0 0;
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #e31837;
background: linear-gradient(rgb(239,62,66),rgb(227,24,55));
}
header img {
display: block;
margin: 0 auto;
height: 5em
}
main {
padding: 2em 0;
}
footer { background-color: rgb(196,18,48); color: #fff; margin: 0 -6em; text-align: center; padding: 1em 0; font-family: "Red Card SC", "Source Sans Pro", "Trebuchet MS", sans-serif; text-transform: uppercase }
footer a { color: #fff }
footer a:hover { color: #cfd4d8 }
footer ul { margin: 0 }
footer li { display: inline }
footer li:first-child::before { content: none }
footer li::before { content: " · " }

h2 { font-size: 150%; font-weight: 600; text-transform: uppercase; font-family: "Red Card SC", "Source Sans Pro", "Trebuchet MS", sans-serif; margin-top: 2em; }

p { margin: 1.2em 0 }
p, blockquote { text-align: justify }
main>p:first-of-type { font-weight: 600; font-size: 100%; }
main>p:last-of-type::after { content: " ∎" }
a { color: #e31837; text-decoration: none }
a:hover { color: rgb(239,62,66) }
abbr.acronym, abbr.romannum { font-family: "Red Card SC", "Source Sans Pro", "Trebuchet MS", sans-serif }

blockquote {
margin: 1.5em 5em;
font-style: italic
}
blockquote cite {
display: block;
margin-top: -0.5em;
text-align: right;
font-style: normal;
text-transform: uppercase;
font-family: "Red Card SC", "Source Sans Pro", "Trebuchet MS", sans-serif;
}
blockquote cite::before {
content: "—";
}
blockquote p.note { font-style: normal }

table { border-collapse: collapse; margin: 1em 0 }
table th { font-family: "Red Card SC", "Red Card", "Source Sans Pro", "Trebuchet MS", sans-serif; text-transform: uppercase; font-weight: 600 }
table td, table th { padding: 0.25em 0.5em; vertical-align: top }
table ul { margin: 0; padding: 0 }

figure { width: 52em; margin: 2em -3em; border-radius: 1em; padding: 1em; box-shadow: 0.25em 0.25em 1em #6a737b }
figure * { font-size: 10pt }
figcaption { text-align: center; font-weight: 600; font-size: 12pt; margin-bottom: 0.5em }
figure cite { display: block; text-align: right; font-style: normal }
figure table { width: 100% }
figure th[scope="col"] { vertical-align: bottom; padding-bottom: 0.5em; line-height: 1em }
figure th[scope="row"] { text-align: right }
figure th.charthead { text-transform: uppercase }
table .number { text-align: right }
th svg, td svg { height: 12pt; width: 100%; margin: 1pt 0 -1pt }

table.legend td, table.legend th { border-bottom: 1pt solid #cfd4d8 }
table.legend td { font-weight: 500 }
table.legend tr:last-child td, table.legend tr:last-child th { border-bottom: none }
table.legend svg { width: 12pt }
table.legend li { display: inline }
table.legend li::before { content: ", " }
table.legend li:first-child::before { content: none }




.red { fill:#e31837; color: #e31837 }
.black { fill:#000018; color: #000018 }
.silver, .normal { fill:#cfd4d8; color: #cfd4d8 }
.blue { fill:#0079c1; color: #0079c1 }
.navy { fill:#002d62; color: #002d62 }
.yellow { fill:#ffe512; color: #ffe512 }
.pewter { fill:#6a737b; color: #6a737b }
.ignore { fill: none }


svg#map { display: block; width: 100%; height: 50%; }
#datatable { -webkit-column-count: 3 }

.country {
stroke-width: 1px;
stroke-linejoin: round;
}

.border, .border-inflated1, .border-inflated2 {
fill: none;
stroke: #fff;
stroke-width: .5px;
stroke-linejoin: round;
stroke-linecap: round;
}
.border-inflated1 { stroke-width: 1.75px }
.border-inflated2 { stroke-width: 2.75px }

.coastline {
fill: none;
stroke: #000;
stroke-width: 0;
stroke-linejoin: round;
}

.graticule {
fill: none;
stroke: #000;
stroke-opacity: .3;
stroke-width: .5px;
}

.graticule.outline {
stroke: #333;
stroke-opacity: 1;
stroke-width: 1.5px;
}

.uninhabited { fill: none }

.region { fill: rgba(0,0,0,0) }
.border-region { fill: none; stroke: rgba(0,0,0,0); stroke-width: 1px; stroke-linejoin: round; stroke-linecap: round }
g.active .region { fill: rgba(255,255,255,0.4); stroke: rgba(207,212,216,0.4); stroke-width: 5px; stroke-linejoin: round; stroke-linecap: round }

.coastline-black1, .coastline-black2 { fill: none; stroke: #000018 }
.coastline-red1, .coastline-red2 { fill: none; stroke: #e31837 }
.coastline-normal1, .coastline-normal2 { fill: none; stroke: #cfd4d8 }
.coastline-blue1, .coastline-blue2 { fill: none; stroke: #0079c1 }
.coastline-navy1, .coastline-navy2 { fill: none; stroke: #002d62 }
.coastline-yellow1, .coastline-yellow2 { fill: none; stroke: #ffe512 }
.coastline-black1, .coastline-red1, .coastline-normal1, .coastline-blue1, .coastline-navy1, .coastline-yellow1 { stroke-width: 0.75px; stroke-linejoin: round; stroke-linecap: round }
.coastline-black2, .coastline-red2, .coastline-normal2, .coastline-blue2, .coastline-navy2, .coastline-yellow2 { stroke-width: 1.75px; stroke-linejoin: round; stroke-linecap: round }
.coastline-undefined { fill: none; stroke: none }