html{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;width:100%;height:100%;margin:0;font-family:Roboto,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;height:100%}*{box-sizing:border-box}.full-height{height:100%}.landscape.App .country-summary .row{min-height:22%}@media screen and (max-width:640px) and (max-height:360px){.landscape.App{font-size:.3em}}@media screen and (min-width:640px) and (min-height:360px){.landscape.App{font-size:.5em}}@media screen and (min-width:1280px) and (min-height:720px){.landscape.App{font-size:1em}}@media screen and (min-width:1920px) and (min-height:1080px){.landscape.App{font-size:1.5em}}@media screen and (min-width:2560px) and (min-height:1440px){.landscape.App{font-size:2em}}@media screen and (min-width:3840px) and (min-height:2160px){.landscape.App{font-size:3em}}.squared.App .country-summary .row{min-height:22%}@media screen and (max-width:360px) and (max-height:360px){.squared.App{font-size:.3em}}@media screen and (min-width:360px) and (min-height:360px){.squared.App{font-size:.5em}}@media screen and (min-width:720px) and (min-height:720px){.squared.App{font-size:1em}}@media screen and (min-width:1080px) and (min-height:1080px){.squared.App{font-size:1.5em}}@media screen and (min-width:1440px) and (min-height:1440px){.squared.App{font-size:2em}}@media screen and (min-width:2160px) and (min-height:2160px){.squared.App{font-size:3em}}.squared.App .main-panel .country .detail .country-summary{width:40%}.squared.App .main-panel .country .detail .country-chart-container{width:60%}@media screen and (max-width:360px) and (max-height:640px){.portrait.App{font-size:.4em}}@media screen and (min-width:360px) and (min-height:640px){.portrait.App{font-size:.5em}}@media screen and (min-width:720px) and (min-height:1280px){.portrait.App{font-size:1em}}@media screen and (min-width:1080px) and (min-height:1920px){.portrait.App{font-size:1.5em}}@media screen and (min-width:1440px) and (min-height:2560px){.portrait.App{font-size:2em}}@media screen and (min-width:2160px) and (min-height:3840px){.portrait.App{font-size:3em}}.portrait .main-panel .country{height:97%;display:block}.portrait .main-panel .country .title{justify-content:center;align-items:center;height:12%;padding:1em 1em 0;font-size:2em;display:flex}.portrait .main-panel .country .title span.country-title{border-radius:.4em}.portrait .main-panel .country .title span.covid{color:#fff;font-weight:100;position:absolute;top:.2em;left:auto}.portrait .main-panel .country .detail{height:88%;display:block}.portrait .main-panel .country .detail .country-summary{flex-flow:wrap;justify-content:space-around;width:100%;height:35%}.portrait .main-panel .country .detail .country-summary .row{min-width:40%;margin-bottom:1em}.portrait .main-panel .country .detail .country-summary .row .label{margin-top:1em}.portrait .main-panel .country .detail .country-summary .row .value{font-size:4em;font-weight:700}.portrait .main-panel .country .detail .country-chart-container{width:100%;height:65%}.portrait .main-panel .country .detail .country-chart-container .confirmed{vertical-align:top;width:100%;height:60%}.portrait .main-panel .country .detail .country-chart-container .deaths,.portrait .main-panel .country .detail .country-chart-container .recovered{vertical-align:top;width:47%;margin-left:0;margin-right:0;display:inline-block}.portrait .main-panel .country .detail .country-chart-container .countries-chart{width:87%}.country{height:97%;display:block}.title{justify-content:center;align-items:center;height:12%;padding:1em;font-size:2em;display:flex;position:relative}.title span.country-title{background-color:rgba(255,255,255,.8);border-radius:.5em;min-width:18.5em;padding:0 1em;display:inline-block}.title span.covid{color:#fff;font-weight:400;position:absolute;left:.5em}.icon{height:2.5rem;margin-bottom:-.4rem;margin-left:.4rem;margin-right:1rem}.detail{height:88%;display:block}.detail .country-summary{vertical-align:top;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:30%;height:100%;padding:0 1em .8em;display:inline-flex}.detail .country-summary .row{background-color:rgba(255,255,255,.8);border-radius:1em;flex-direction:column;justify-content:center;padding:0 1em;display:inline-flex}.detail .country-summary .row .label{margin-top:1em;font-size:1.2em}.detail .country-summary .row .value{font-size:4em;font-weight:700}.detail .country-summary .row.confirmed .value{color:#1e90ff}.detail .country-summary .row.deaths .value{color:red}.detail .country-summary .row.recovered .value{color:teal}.detail .country-chart-container{vertical-align:top;width:70%;height:100%;display:inline-block}.detail .country-chart-container .confirmed{vertical-align:top;width:100%;height:60%}.detail .country-chart-container .deaths{vertical-align:top;width:48%;height:40%;margin-right:.5%;display:inline-block}.detail .country-chart-container .recovered{vertical-align:top;width:48%;height:40%;margin-left:.5%;display:inline-block}.detail .country-chart-container .countries-chart{background-color:rgba(255,255,255,.8);border-radius:1em;width:95%;height:95%;display:inline-block}.loader{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.loader .logo{height:4rem;margin-bottom:.5rem}.bounce{animation-name:bounce;animation-duration:2s;animation-timing-function:ease;animation-iteration-count:infinite}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.main-panel{background-image:url(./bg-Cgmuj0YU.jpg);background-size:cover;height:100%;padding:0;display:block;overflow:hidden}.main-panel .credits{justify-content:center;align-items:center;height:3%;font-size:.7em;display:flex}.main-panel .credits a{color:#fff;text-decoration:none}.setup .credits a{text-decoration:none;color:teal!important}.setup .line-bg{background:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCAANBe0DASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAMEAgH/xAAdEAEAAgIDAQEAAAAAAAAAAAAAAQMyMwJCcTGB/8QAGQEBAQEBAQEAAAAAAAAAAAAAAAIBAwQG/8QAFxEBAQEBAAAAAAAAAAAAAAAAAAExAv/aAAwDAQACEQMRAD8A1APS+dAAAAZeWU+vHvLKfXg6AAAAAAAADTXrhmaa9cCenQAkAAJ+SE/JBkAHQd1bIcO6tkDK0ACGe3ZLh3bslwLgANd17IaGevZDQI6ABgADIAOg7r2Q4d17IGVoAEJX9UVr+qIuYADVqOyqVHZURdABgAAAAAAAAAAAAndhHqid2EehNQAHQXoxn1BejGfRlxQAQzc8+Xrl1zz5euR0AAAAAAAAF6cJ9QXpwn0ZcUAEAADznhy8evOeHLwGUAdAAAAAAAAAAAAAAAAAAAAGsAcwAAAHFuEs7RbhLOK5wAFLUdlUqOyoi6ADAAAAAAAABG/KPFkb8o8GzUgBburZDQz1bIaBHQAMAAAAQuz/ABNS7P8AExcwAGgAAAAAC1HZFajsMuKgCAAAAGezZLh3ZslwLgANawBzSv6orX9URcwAGjXHyGRrj5AnoAEuLdcs7RbrlnFcgAoAAAAAB//Z) repeat-x;width:100%;height:7px;display:block}.setup header{justify-content:center;align-items:center;font-size:1.3em;font-weight:100;display:flex}.setup .content{padding:1em}.setup .duration{text-align:right;width:4em;font-size:1.3em}.setup .tip{color:#888;font-size:.8em;font-weight:100}.setup button{margin:.5em;padding:0 1em}.setup code{word-break:break-word;color:#fff;background-color:#222;justify-content:center;padding:1em;font-size:1.1em;display:flex}.setup fieldset{border:1px solid #ccc;border-radius:.5em;margin-top:1em}.setup .countries{flex-wrap:wrap;max-height:28em;display:flex;overflow-y:scroll}.setup .countries .country-check{align-items:center;min-width:20em;padding:0 1em;display:inline-flex}.setup .countries .country-check input{border:none;width:1.5em;height:1.5em;margin:.2em;padding:0}.setup .countries .country-check label span.country-title{font-size:1em}.App{text-align:center;width:100%;height:100%;display:block}