*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{overflow:hidden;min-width:320px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#ccc}::-webkit-scrollbar-thumb:hover{background:#555}.nav{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:65px;background-color:rgba(17,17,17,.9);transition:1.5s .75s;z-index:5}.nav--onPosition{box-shadow:0 0 5px 1px #000}.nav__ul{overflow:hidden}.nav__list{list-style:none;transform:rotate(90deg);transform-origin:left;opacity:0;transition:1.5s .75s,opacity .6s linear 1.2s}.nav__list--onPosition{transform:rotate(0deg);opacity:1}.nav__link{text-decoration:none;color:#eee}.nav__link:nth-child(2){border-left:1px solid #eee;padding:10px 0 10px 10px}.nav__logo{width:35px;vertical-align:middle;margin-right:10px}.header{display:flex;flex-wrap:wrap;align-items:center;position:relative;min-height:100vh;background-color:#111;padding:15px;color:#eee;transition:.6s linear .75s;overflow:hidden;z-index:-1}.header--height{min-height:calc(95vh - 65px)}@media (min-width:1024px){.header{padding:0 50px}}.header__title{width:100%;text-align:center;margin-top:50px;font-size:45px;font-family:"Kufam",cursive;transition:1.5s .75s,opacity .6s linear 1.2s;transform:rotate(90deg);transform-origin:left;opacity:0}.header__title--onPosition{transform:rotate(0deg);opacity:1}@media (min-width:1024px){.header__title{font-size:100px;text-align:left}}.header__text{width:100%;transform:translateY(300px);margin-bottom:15px;font-family:"Kufam",cursive;opacity:1;transition:.6s linear}.header__text--onPostion{transform:translateY(0)}.header__text--hideIt{opacity:0}.header__text:first-child{transition:.6s linear .4s,opacity .6s linear 3s}.header__text:nth-child(2){transition:.6s linear .8s,opacity .6s linear 3.2s}.header__text:nth-child(3){transition:.6s linear 1.2s,opacity .6s linear 3.4s}.header__text:nth-child(4){transition:.6s linear 1.6s}.header__text:nth-child(5){transition:.6s linear 2s}@media (min-width:1024px){.header__text{text-align:right}}.header__textWrap,.header__titleWrap{width:100%;display:flex;flex-wrap:wrap;overflow:hidden}.main{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.main__title{width:100%;text-align:center;font-size:100px}.main__chartSection{background-repeat:no-repeat;background-position:50%}.introSection,.main__chartSection{position:relative;display:flex;width:100%;height:100vh;align-items:center}.introSection{flex-direction:column;justify-content:space-around;padding-top:75px;padding-bottom:75px;padding-right:50px}@media (min-width:1024px){.introSection{padding-right:120px}}.main__introTitle{width:80%;text-transform:uppercase;font-size:40px;margin-left:auto;margin-right:0;text-align:right}@media (min-width:1024px){.main__introTitle{font-size:100px}}.main__introSubtitle{width:50%;text-transform:uppercase;font-size:18spx;font-weight:500;margin-left:auto;margin-right:0;text-align:right}@media (min-width:1024px){.main__introSubtitle{font-size:30px}}.main__introBtn{width:130px;height:50px;background-color:#000;border-radius:100px;border:none;color:#fff;font-size:17px;cursor:pointer;transition:.1s linear;margin-left:auto;margin-right:0;outline:transparent}.main__introBtn:hover{background-color:rgba(0,0,0,.75)}@media (min-width:1024px){.main__introBtn{width:175px;height:65px;font-size:20px}}.main__introBtnLink{display:block;margin-left:auto;margin-right:0}.svg__rect{fill:rgba(17,17,17,.85);transition:.2s linear,opacity .5s linear .3s,transform .5s linear .3s;transform:scaleX(0);cursor:pointer;color:#fff;opacity:0;stroke-width:1;stroke:#fff}.svg__rect:hover{stroke:#111}.svg__rect:hover>.svg__labelValue{opacity:1}.svg__labelText{opacity:0;transition:.3s linear .8s;font-size:16px;font-weight:600;letter-spacing:.5px}.svg__labelText,.svg__labelValue{fill:#000;text-transform:uppercase;font-family:"Kufam",cursive}.svg__labelValue{opacity:1;transition:.3s linear;font-size:13px;z-index:999}text{font-size:0}.svg__title{font-size:35px;fill:#ccc;opacity:.25}@media (min-width:460px){.svg__title{font-size:60px}}@media (min-width:1024px){.svg__title{font-size:150px}}.tick text{fill:#111}g.svg__xAxis .tick text{transform:rotate(25deg);font-size:10px}@media (min-width:800px){g.svg__xAxis .tick text{font-size:17px}}.tick line{stroke:rgba(243,123,123,.3)}.fixedSection{display:flex;position:fixed;top:60%;left:65%;transform:translate(-50%,-50%);width:60%;max-width:400px;background-color:hsla(0,0%,100%,.75);box-shadow:1px 1px 1px 1px #ccc;opacity:0;padding:15px 10px;transition:.5s linear;pointer-events:none}@media (min-width:800px){.fixedSection{left:75%}}.fixedSection__text{line-height:25px;font-size:17px;font-family:"Kufam",cursive}.fixedSection__country{padding:1px 5px;background-color:#f8f3c6;color:#111}.fixedSection__cases{padding:1px 5px;background-color:#4e66dd;color:#eee}.fixedSection__active{padding:1px 5px;background-color:#383;color:#eee}.fixedSection__deaths{padding:1px 5px;background-color:rgba(17,17,17,.85);color:#eee}.fixedSection__critical{padding:1px 5px;background-color:#a33;color:#eee}.fixedSection__todayD{padding:1px 5px;background-color:#d33;color:#eee}.fixedSection__todayC{padding:1px 5px;background-color:#e75e2c;color:#eee}.lastSection{position:relative;display:flex;flex-wrap:wrap;width:100%;min-height:100vh;align-items:center;padding:60px 0 15px}.main__lastSecTitle{width:100%;text-align:center;font-size:40px;text-transform:uppercase}@media (min-width:640px){.main__lastSecTitle{font-size:60px}}@media (min-width:1024px){.main__lastSecTitle{font-size:100px}}.main__lastSecSub{width:90%;max-width:400px;text-align:justify;font-size:20px;margin:0 auto}.main__iconWrap{display:flex;flex-wrap:wrap;justify-content:center;width:100%}@media (min-width:460px){.main__iconWrap{flex-direction:row}}.main__advice{display:flex;flex-direction:column;min-width:300px;width:33%;margin:5px auto}.main__icon{width:115px;margin:0 auto}@media (min-width:1024px){.main__icon{width:160px}}#icon1{transition:.6s linear .4s}#icon2{transition:.6s linear .8s}#icon3{transition:.6s linear 1.2s}#iconTitle1{transition:.5s linear 1.4s}#iconTitle2{transition:.5s linear 1.8s}#iconTitle3{transition:.5s linear 2.2s}.main__iconTitle{width:100%;text-align:center;font-size:18px;margin:10px 0}@media (min-width:1024px){.main__iconTitle{font-size:22px;margin:25px 0}}.main__lastBtn{width:130px;height:50px;background-color:#000;border-radius:100px;border:none;color:#fff;font-size:17px;cursor:pointer;transition:.1s linear;outline:transparent;margin:10px auto}.main__lastBtn:hover{background-color:rgba(0,0,0,.75)}.main__adviceText{width:270px;height:115px;text-align:center;letter-spacing:.5px;background-color:#f5f5f5;margin:0 auto;font-size:18px;font-weight:500;padding:5px}@media (min-width:1024px){.main__adviceText{height:160px;font-size:22px;width:300px;padding:12px}}
/*# sourceMappingURL=main.cc3d5680.chunk.css.map */