body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.Logo{border:0 solid #0ff;display:flex;flex-direction:row;justify-content:center;align-items:center}.Logo .LogoImage{height:40px;margin-right:10px}.Logo .LogoText{text-transform:uppercase;letter-spacing:1.5pt;font-size:1rem}.TextLink{border:0 solid #0ff;cursor:pointer;color:#969696}.TextLink:hover{color:#000}.Nav{position:fixed;top:0;z-index:10;background-color:#fff;display:flex;flex-direction:row;border:0 solid #00f;height:68px;box-shadow:0 0 10px rgba(0,0,0,.4)}.Nav .navIcon,.Nav .navItem{cursor:pointer;color:#969696}.Nav .navIcon.selected,.Nav .navIcon :hover,.Nav .navItem.selected,.Nav .navItem :hover{color:#000}.Nav .navItems{display:none}.Nav .navItem{text-transform:uppercase;letter-spacing:1.5pt;font-size:.85rem;text-decoration:none}.Nav .navBurger{border:0 solid #0ff;flex:1 1;flex-direction:row;align-items:center}.Nav .burgerMenuList,.Nav .navBurger{display:flex;justify-content:flex-end}.Nav .burgerMenuList{box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#fff;position:fixed;top:0;right:0;flex-direction:column;align-items:flex-end}.scrollUp{border:0 solid #0ff;color:#969696;cursor:pointer}.scrollUp :hover{color:#000}@media only screen and (min-width:550px){.Nav .navBurger{display:none}.Nav .navItems{border:0 solid #0ff;padding:5px;flex:1 1;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}}.Home{position:relative;background:url(/covid20-client/static/media/coronaHeroImage.dcdf628f.jpg) no-repeat 50%/cover;height:100vh;margin:-83px -15px -15px;display:flex;justify-content:center;align-items:center}.Home .buttons{padding:10px;border:0 solid #f0f;flex-direction:column}.Home .buttons,.Home .buttons .buttonWrapper{width:100%;display:flex;justify-content:center;align-items:center}.Home .buttons .buttonWrapper{border:0 solid green}.Home .buttons button{margin:10px 0;width:100%;max-width:250px}.Login,.Register{position:relative;background:url(/covid20-client/static/media/coronaHeroImage.dcdf628f.jpg) no-repeat 50%/cover;height:100vh;margin:-83px -15px -15px;display:flex;justify-content:center;align-items:center}.Login form,.Register form{box-shadow:0 0 5px rgba(0,0,0,.4);border-radius:10px;max-width:370px;padding:10px;background-color:hsla(0,0%,100%,.75)}form{border:0 solid green;width:100%;display:flex;flex-direction:column;align-items:center}form .header,form .title{width:100%;max-width:350px}form .header{text-align:center}form .subheader{width:100%;margin-bottom:5px}form .field{width:100%;max-width:350px;border:0 solid #0f0;margin-top:5px}form .field input{width:100%;height:30px}form .buttonWrapper{width:100%;max-width:350px;border:0 solid #0f0;margin:5px 0;display:flex;justify-content:space-between}form .buttonWrapper .center{margin:0 auto}.bottom{height:100%;overflow:scroll}.CountryList{border:0 solid #f0f;width:100%;margin-bottom:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-column-gap:5px}.CountryList .countryContainer{display:flex;justify-content:center}.CountryList .Country{cursor:pointer;justify-self:center;width:100%;max-width:250px;border:0 solid grey;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.CountryList .Country.checked{color:red}.CountryList .Country.true,.CountryList .Country.true:hover{color:#999}.CountryList .Country:hover{color:red}.CountryList .Country .checkBox{display:flex;flex-direction:column;align-items:flex-end;margin-right:2px}.CountryList .Country .checkBox.checked{color:red}.CountryList .Country .flag{width:24px;height:16px;border:.5px solid #ccc;text-shadow:0 0 2px 0 grey;margin-right:5px}.CountryList .Country .countryName{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button{outline:none;height:30px;width:33%;font-size:16px;border:1px solid #000;border-radius:5px;color:#000;background-color:#fff}button.faint{border:1px solid #ccc;color:#ccc}button.right{align-self:flex-end}button.center{align-self:center}button:hover{text-shadow:0 0 1px red;box-shadow:0 0 5px red;border:1px solid red;color:red}.modeButtons{display:flex;height:25px;border:2px solid grey;border-radius:5px;margin-bottom:5px}.modeButtons .ModeButton{background-color:#fff;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;width:75px;font-size:12px;color:grey}.modeButtons .ModeButton.selected,.modeButtons .ModeButton:hover{background-color:rgba(255,0,0,.85);color:#fff;border:1px solid red}.modeButtons .ModeButton:hover{z-index:100;box-shadow:0 0 5px red}.modeButtons .ModeButton.first{border-radius:5px 0 0 5px;border-right:0 solid #ccc}.modeButtons .ModeButton.center{border-right:0 solid #ccc}.modeButtons .ModeButton.last{border-radius:0 5px 5px 0}@media only screen and (min-width:800px){.modeButtons{height:30px}.modeButtons .ModeButton{width:100px;font-size:16px}}.Chart{width:100%;height:100%;border:0 solid #0ff;display:flex;flex-direction:column;justify-content:center;align-items:center}.Chart.hidden{display:none}.Chart .title{text-align:center;margin-bottom:10px}.Chart .controls{width:100%;max-width:325px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.Chart .controls,.Chart .controls .modeButtons{border:0 solid red}@media only screen and (min-width:550px){.Chart .controls{flex-direction:row}}@media only screen and (min-width:800px){.Chart .controls{max-width:450px}}.Chart .LineChart{border:0 solid #0f0;height:40vh;width:100%}@media only screen and (min-width:750px){.Chart .LineChart{height:70vh}}.Chart .LineChart .chartNarrow,.Chart .LineChart .chartNormal,.Chart .LineChart .chartWide{width:100%;height:100%;display:none}.Chart .LineChart .chartNarrow{display:block}@media only screen and (min-width:500px){.Chart .LineChart .chartNormal{display:block}.Chart .LineChart .chartNarrow,.Chart .LineChart .chartWide{display:none}}@media only screen and (min-width:1000px){.Chart .LineChart .chartWide{display:block}.Chart .LineChart .chartNarrow,.Chart .LineChart .chartNormal{display:none}}.Chart .note{border:0 solid red;font-size:.8rem;color:red;margin-top:5px;width:100%;display:flex;justify-content:center}.MainWrapper{display:flex;flex-direction:column-reverse;width:100%;border:0 solid #f0f;padding:83px 10px 10px}@media only screen and (min-width:750px){.MainWrapper{flex-direction:row;height:100vh}}.MainWrapper .CountriesWrapper{border:0 solid #1e90ff;width:100%;height:100%;display:flex;flex-direction:column;margin-right:5px}@media only screen and (min-width:750px){.MainWrapper .CountriesWrapper{width:300px}}.MainWrapper .ChartWrapper{border:0 solid #f0f;width:100%}section{border:0 solid #0f0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}*{box-sizing:border-box;margin:0;font-family:"Ubuntu",sans-serif;-webkit-user-select:none;-ms-user-select:none;user-select:none}::-webkit-scrollbar{display:none}a{text-decoration:none;color:inherit}.App{border:0 solid #0ff;height:100vh;background-color:#727272;background-color:#fff}.pageWrapper{width:100%;height:100%;border:0 solid #f0f;padding:83px 15px 15px}.flexColumn{display:flex;flex-direction:column;border:0 solid red}.flexColumn.right{align-items:flex-end}.flexColumn.left{align-items:flex-start}.flexColumn.center{align-items:center;justify-content:center}.flexColumn.middle{align-items:center}.flexColumn.top{align-items:flex-start}.flexColumn.bottom{justify-content:flex-end;align-content:flex-end}.flexColumn.spread{align-content:space-between}.flexRow{display:flex;width:100%;flex-direction:row;border:0 solid #00f}.flexRow.right{justify-content:flex-end}.flexRow.left{justify-content:flex-start}.flexRow.center,.flexRow.middle,.flexRow.top{align-items:center;justify-content:center}.flexRow.bottom{align-items:flex-end}.blue{background-color:#00f}.flexWrap{flex-wrap:wrap;justify-content:space-around}.w25{width:25%}.w30{width:30%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w100{width:100%}.h0{min-height:0}.h20{min-height:20vh}.h25{min-height:25vh}.h30{min-height:30vh}.h33{min-height:33vh}.h40{min-height:40vh}.h50{min-height:50vh}.h60{min-height:60vh}.h66{min-height:66vh}.h70{min-height:70vh}.h75{min-height:75vh}.h80{min-height:80vh}.h90{min-height:90vh}.h100{min-height:100vh}.fullHeight{height:100%}.indent10{padding-left:10px;padding-right:10px}.indent20{padding-left:20px;padding-right:20px}.indent40{padding-left:40px;padding-right:40px}.gap5{padding-top:5px;padding-bottom:5px}.gap10{padding-top:10px;padding-bottom:10px}.gap20{padding-top:20px;padding-bottom:20px}.gap30{padding-top:30px;padding-bottom:30px}.gap40{padding-top:40px;padding-bottom:40px}.textLeft{text-align:left}.textCenter{text-align:center}.textRight{text-align:right}.textJustify{text-align:justify}.wordBreak{word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}h1{font-size:1.5rem}h1,h2{border:0 solid #999}h2{font-size:1.25rem}h3{font-size:15pt}h3,h4{border:0 solid #999}h4{font-size:10pt}.textSize0{font-size:15pt;text-align:justify}.textSize1{font-size:13pt}.textSize2{font-size:12pt}.textSize3{font-size:10pt;text-align:justify}.alertWrapper{position:fixed;border:0 solid #00f;bottom:0;width:100%}.alert{cursor:pointer;position:relative;height:30px;width:100%;font-size:16px;display:flex;justify-content:center;align-items:center}.alert .close{right:5px;position:absolute}.alert.success{border-top:1px solid #000;background-color:#fff;color:#000}.alert.success:hover{text-shadow:0 0 1px #000;box-shadow:0 0 5px #fff}.alert.warning{border-top:1px solid red;background-color:red;color:#fff}.alert.warning:hover{text-shadow:0 0 1px #000;box-shadow:0 0 5px red}
/*# sourceMappingURL=main.b894f9a0.chunk.css.map */