html,body{width:100%;margin:0 auto;padding:0;text-rendering:optimizeLegibility;-webkit-font-feature-settings:'kern';-moz-font-feature-settings:'kern';font-feature-settings:'kern';-webkit-font-kerning:normal;-moz-font-kerning:normal;font-kerning:normal;-webkit-font-variant-ligatures:common-ligatures;-moz-font-variant-ligatures:common-ligatures;font-variant-ligatures:common-ligatures;scroll-behavior:smooth;}
body{font-size:14px;color:#333;font-weight:400;font-family:Roboto-Regular,'NotoSansCJKsc-DemiLight','Noto Sans SC',Hiragino Sans GB,WenQuanYi Micro Hei,Heiti SC,Microsoft YaHei,sans-serif!important;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background-color:none!important;background-attachment:fixed;background-position:center;background-size:100vw 100vh;background-repeat:repeat;overflow-x:hidden;}
h2,h4{margin-top:0;margin-bottom:3px;}
span{display:inline-block;}
.circle{width:20px;height:20px;border-radius:50%;vertical-align:middle;}
.title{vertical-align:top;}
.legend{width:165px;height:115px;background:rgba(0,0,0,0.5);color:#ffff;position:fixed;z-index:9;bottom:14px;right:20px;padding:25px;border-radius:10px;}
.mobile-legend{width:315px;height:63px;background:rgba(0,0,0,0.5);color:white;padding:5px;margin:0 auto;position:fixed;bottom:0;left:0;display:none;}
.mobile-legend span{vertical-align:top;}
.mobile-legend .circle{width:10px;height:10px;margin-top:4px;}

.red-circle{background-color:red;}
.orange-circle{background-color:orange;}
.black-circle{background-color:black;}
.purple-circle{background-color:purple;margin-left:3px;}
.confirm,.suspected,.death{padding:3px;}
.mobile-legend .confirm,.mobile-legend .suspected,.mobile-legend .death,.mobile-legend .highly-suspected{display:inline-block;}
.main-title{background:rgba(0,0,0,0.05);}
.confirm-title{background:red;color:white;}
.death-title{background:black;color:white;}
.header{padding:0.2em 0;font-weight:bold;}
.header-row{background-color:#fff;padding-top:2px;}
.death-data > .header{border-right:0px;}
.header > .title{padding:5px 0;border-radius:5px;}
.chart{margin-top:10%;}
.country-figure,.confirmed-figure,.death-figure{padding:0.2em 0;}
.country-figure:nth-child(2n),.confirmed-figure:nth-child(2n),.death-figure:nth-child(2n){background:rgba(0,0,0,0.04);}
.death-figure{font-weight:bold;}
.country:last-child,.confirmed:last-child,.death:last-child{border-bottom:none;}
.death{border-right:0;}
.no-gutters [class*='col-']{padding-right:0;padding-left:0;}
.view-desktop{display:block;}
.view-mobile{display:none;}
.total-numbers{background-color:white;}

@media (min-width:800px){
.chart{margin-top:12%!important;}
}


@media (min-width:320px) and (max-width:640px){
.legend{display:none;}
.chart{margin-top:14%;}
.mobile-legend{display:block;}
.header > .title {}
.view-mobile{display:flex;}
.view-desktop{display:none;}
}

@media (min-device-width:320px) and (max-device-width:800px){
.chart{margin-top:20%;}
.view-mobile{display:flex;}
.view-desktop{display:none;}
}

@media (min-device-width:320px) and (max-device-width:640px){
.legend{display:none;}
.chart{margin-top:20%;}
.mobile-legend{display:block;}
.view-mobile{display:flex;}
.view-desktop{display:none;}
}