ourworldindata dark theme by mahlerux

@-moz-document domain("ourworldindata.org") {
/* ==UserStyle==
@name           ourworldindata.org dark theme
@namespace      ourworldindata.org
@version        1.0.0
@description    dark theme still being refined 
@author         MahlerUX
==/UserStyle== */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
   line-height:1.15
}
* {
   color: #999;
}
main {
 display:block
}
h1 {
 font-size:2em;
 margin:.67em 0
}
hr {
 box-sizing:content-box;
 height:0;
 overflow:visible;
 color: #666;
}
pre {
 font-family:monospace,monospace;
 font-size:1em
}
a {
 background-color:transparent
}
abbr[title] {
 border-bottom:none;
 text-decoration:underline;
 text-decoration:underline dotted
}
b,
strong {
 font-weight:bolder
}
code,
kbd,
samp {
 font-family:monospace,monospace;
 font-size:1em
}
small {
 font-size:80%
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sub {
 bottom:-.25em
}
sup {
 top:-.5em
}
img {
 border-style:none
}
button,
input,
optgroup,
select,
textarea {
 font-family:inherit;
 font-size:100%;
 line-height:1.15;
 margin:0
}
button,
input {
 overflow:visible
}
button,
select {
 text-transform:none
}
[type=button],
[type=reset],
[type=submit],
button {
 -webkit-appearance:button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
 border-style:none;
 padding:0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
 outline:1px dotted ButtonText
}
fieldset {
 padding:.35em .75em .625em
}
legend {
 box-sizing:border-box;
 color:inherit;
 display:table;
 max-width:100%;
 padding:0;
 white-space:normal
}
progress {
 vertical-align:baseline
}
textarea {
 overflow:auto
}
[type=checkbox],
[type=radio] {
 box-sizing:border-box;
 padding:0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
 height:auto
}
[type=search] {
 -webkit-appearance:textfield;
 outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
 -webkit-appearance:none
}
::-webkit-file-upload-button {
 -webkit-appearance:button;
 font:inherit
}
details {
 display:block
}
summary {
 display:list-item
}
[hidden],
template {
 display:none
}
.tippy-box[data-animation=fade][data-state=hidden] {
 opacity:0
}
[data-tippy-root] {
 max-width:calc(100vw - 10px)
}
.tippy-box {
 position:relative;
 background-color:#333;
 color:#fff;
 border-radius:4px;
 font-size:14px;
 line-height:1.4;
 outline:0;
 transition-property:transform,visibility,opacity
}
.tippy-box[data-placement^=top]>.tippy-arrow {
 bottom:0
}
.tippy-box[data-placement^=top]>.tippy-arrow:before {
 bottom:-7px;
 left:0;
 border-width:8px 8px 0;
 border-top-color:initial;
 transform-origin:center top
}
.tippy-box[data-placement^=bottom]>.tippy-arrow {
 top:0
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
 top:-7px;
 left:0;
 border-width:0 8px 8px;
 border-bottom-color:initial;
 transform-origin:center bottom
}
.tippy-box[data-placement^=left]>.tippy-arrow {
 right:0
}
.tippy-box[data-placement^=left]>.tippy-arrow:before {
 border-width:8px 0 8px 8px;
 border-left-color:initial;
 right:-7px;
 transform-origin:center left
}
.tippy-box[data-placement^=right]>.tippy-arrow {
 left:0
}
.tippy-box[data-placement^=right]>.tippy-arrow:before {
 left:-7px;
 border-width:8px 8px 8px 0;
 border-right-color:initial;
 transform-origin:center right
}
.tippy-box[data-inertia][data-state=visible] {
 transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)
}
.tippy-arrow {
 width:16px;
 height:16px;
 color:#333
}
.tippy-arrow:before {
 content:"";
 position:absolute;
 border-color:transparent;
 border-style:solid
}
.tippy-content {
 position:relative;
 padding:5px 9px;
 z-index:1
}
.tippy-box[data-theme~=light] {
 color:#26323d;
 box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);
 background-color:#fff
}
.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {
 border-top-color:#fff
}
.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {
 border-bottom-color:#fff
}
.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {
 border-left-color:#fff
}
.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {
 border-right-color:#fff
}
.tippy-box[data-theme~=light]>.tippy-backdrop {
 background-color:#fff
}
.tippy-box[data-theme~=light]>.tippy-svg-arrow {
 fill:#fff
}
#topics-dropdown li.category:first-of-type>a,
.owid-data li:first-of-type h4,
.population-color {
 color:#2082a2
}
.owid-data li:first-of-type .link-container {
 border-top:2px solid #2082a2
}
#topics-dropdown li.category:first-of-type .subcategory-menu,
.owid-data li:first-of-type a:hover {
 background:#2082a2!important
}
#topics-dropdown li.category:nth-of-type(2)>a,
.health-color,
.owid-data li:nth-of-type(2) h4 {
 color:#bf1b1b
}
.owid-data li:nth-of-type(2) .link-container {
 border-top:2px solid #bf1b1b
}
#topics-dropdown li.category:nth-of-type(2) .subcategory-menu,
.owid-data li:nth-of-type(2) a:hover {
 background:#bf1b1b!important
}
#topics-dropdown li.category:nth-of-type(3)>a,
.food-color,
.owid-data li:nth-of-type(3) h4 {
 color:#588a0f
}
.owid-data li:nth-of-type(3) .link-container {
 border-top:2px solid #588a0f
}
#topics-dropdown li.category:nth-of-type(3) .subcategory-menu,
.owid-data li:nth-of-type(3) a:hover {
 background:#588a0f!important
}
#topics-dropdown li.category:nth-of-type(4)>a,
.energy-color,
.owid-data li:nth-of-type(4) h4 {
 color:#ca6f34
}
.owid-data li:nth-of-type(4) .link-container {
 border-top:2px solid #ca6f34
}
#topics-dropdown li.category:nth-of-type(4) .subcategory-menu,
.owid-data li:nth-of-type(4) a:hover {
 background:#ca6f34!important
}
#topics-dropdown li.category:nth-of-type(5)>a,
.environment-color,
.owid-data li:nth-of-type(5) h4 {
 color:#0c6947
}
.owid-data li:nth-of-type(5) .link-container {
 border-top:2px solid #0c6947
}
#topics-dropdown li.category:nth-of-type(5) .subcategory-menu,
.owid-data li:nth-of-type(5) a:hover {
 background:#0c6947!important
}
#topics-dropdown li.category:nth-of-type(6)>a,
.owid-data li:nth-of-type(6) h4,
.technology-color {
 color:#2774c6
}
.owid-data li:nth-of-type(6) .link-container {
 border-top:2px solid #2774c6
}
#topics-dropdown li.category:nth-of-type(6) .subcategory-menu,
.owid-data li:nth-of-type(6) a:hover {
 background:#2774c6!important
}
#topics-dropdown li.category:nth-of-type(7)>a,
.growth-inequality-color,
.owid-data li:nth-of-type(7) h4 {
 color:#009655
}
.owid-data li:nth-of-type(7) .link-container {
 border-top:2px solid #009655
}
#topics-dropdown li.category:nth-of-type(7) .subcategory-menu,
.owid-data li:nth-of-type(7) a:hover {
 background:#009655!important
}
#topics-dropdown li.category:nth-of-type(8)>a,
.owid-data li:nth-of-type(8) h4,
.work-life-color {
 color:#ab348a
}
.owid-data li:nth-of-type(8) .link-container {
 border-top:2px solid #ab348a
}
#topics-dropdown li.category:nth-of-type(8) .subcategory-menu,
.owid-data li:nth-of-type(8) a:hover {
 background:#ab348a!important
}
#topics-dropdown li.category:nth-of-type(9)>a,
.owid-data li:nth-of-type(9) h4,
.public-sector-color {
 color:#eb6400
}
.owid-data li:nth-of-type(9) .link-container {
 border-top:2px solid #eb6400
}
#topics-dropdown li.category:nth-of-type(9) .subcategory-menu,
.owid-data li:nth-of-type(9) a:hover {
 background:#eb6400!important
}
#topics-dropdown li.category:nth-of-type(10)>a,
.global-connections-color,
.owid-data li:nth-of-type(10) h4 {
 color:#17393d
}
.owid-data li:nth-of-type(10) .link-container {
 border-top:2px solid #17393d
}
#topics-dropdown li.category:nth-of-type(10) .subcategory-menu,
.owid-data li:nth-of-type(10) a:hover {
 background:#17393d!important
}
#topics-dropdown li.category:nth-of-type(11)>a,
.owid-data li:nth-of-type(11) h4,
.war-peace-color {
 color:#600
}
.owid-data li:nth-of-type(11) .link-container {
 border-top:2px solid #600
}
#topics-dropdown li.category:nth-of-type(11) .subcategory-menu,
.owid-data li:nth-of-type(11) a:hover {
 background:#600!important
}
#topics-dropdown li.category:nth-of-type(12)>a,
.owid-data li:nth-of-type(12) h4,
.politics-color {
 color:#1b0655
}
.owid-data li:nth-of-type(12) .link-container {
 border-top:2px solid #1b0655
}
#topics-dropdown li.category:nth-of-type(12) .subcategory-menu,
.owid-data li:nth-of-type(12) a:hover {
 background:#1b0655!important
}
#topics-dropdown li.category:nth-of-type(13)>a,
.owid-data li:nth-of-type(13) h4,
.violence-rights-color {
 color:#cc235c
}
.owid-data li:nth-of-type(13) .link-container {
 border-top:2px solid #cc235c
}
#topics-dropdown li.category:nth-of-type(13) .subcategory-menu,
.owid-data li:nth-of-type(13) a:hover {
 background:#cc235c!important
}
#topics-dropdown li.category:nth-of-type(14)>a,
.education-color,
.owid-data li:nth-of-type(14) h4 {
 color:#253f77
}
.owid-data li:nth-of-type(14) .link-container {
 border-top:2px solid #253f77
}
#topics-dropdown li.category:nth-of-type(14) .subcategory-menu,
.owid-data li:nth-of-type(14) a:hover {
 background:#253f77!important
}
#topics-dropdown li.category:nth-of-type(15)>a,
.media-color,
.owid-data li:nth-of-type(15) h4 {
 color:#0089be
}
.owid-data li:nth-of-type(15) .link-container {
 border-top:2px solid #0089be
}
#topics-dropdown li.category:nth-of-type(15) .subcategory-menu,
.owid-data li:nth-of-type(15) a:hover {
 background:#0089be!important
}
#topics-dropdown li.category:nth-of-type(16)>a,
.culture-color,
.ow...