.container{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;position:relative;width:100%;min-height:100vh;padding:20px 200px 3%}.background-texture{position:absolute;z-index:1}.ic img{width:100%}header{position:relative;width:100%;-webkit-flex-flow:row;flex-flow:row;-webkit-justify-content:space-between;justify-content:space-between;z-index:2;height:110px;margin-bottom:50px}.infomation,header{display:-webkit-flex;display:flex}.infomation{-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:flex-end;justify-content:flex-end;width:-webkit-max-content;width:max-content}.infomation .ic--infomation{width:30px}.infomation .infomation--content{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column}.infomation .infomation--content p{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;color:#000}.infomation .infomation--content span{margin-left:10px}.infomation .infomation--content span a{text-decoration:none;color:#000;font-family:Redwing-m}.logo{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row}.logo .ic--covid{width:100px;margin-left:15.85px}.logo .logo--name{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:flex-end;justify-content:flex-end;position:relative;bottom:-6px}.logo .logo--name img{width:218px}.logo .logo--name .logo-covid{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:9px}.logo .logo--name .logo-covid p{font-family:Redwing-m;color:#ededed;font-size:36px;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000}.logo .logo--name .logo-covid p.txtBlack{color:#000}.logo .logo--name .logo-covid .txtStroke:last-child{margin-right:10px}main{width:100%;max-height:730px;z-index:2;padding-right:22px}.ctn-ctn{width:100%;height:100%;-webkit-flex-flow:row;flex-flow:row;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:40px}.box-data,.ctn-ctn{display:-webkit-flex;display:flex}.box-data{position:relative;-webkit-flex-flow:column;flex-flow:column;width:40%;background:#fff;box-shadow:20px -22px 0 #000;padding:24px;max-width:430px;border:4px solid #000}.box-data .background-texture{width:42px;height:42px;bottom:0;left:0}.box-data .background-texture img{width:100%}.box-data .box-data__header{-webkit-justify-content:space-between;justify-content:space-between;width:100%}.box-data .box-data__header,.box-data .box-data__header .title{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row}.box-data .box-data__header .title,.box-data .box-data__header .title p{-webkit-align-items:center;align-items:center}.box-data .box-data__header .title p{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;font-family:Redwing-m;font-size:30px;margin-right:5px;text-transform:uppercase}.box-data.box-data-country .box-data__header .title p{text-transform:lowercase}.box-data .box-data__header .title .ic{width:31px}.box-data .box-data__header .title .ic img{width:100%}.box-data .box-data__header .btn-reload{width:32px;height:32px;cursor:pointer}.box-data .box-data__header .btn-reload.active,.box-data .box-data__header .btn-reload:active,.box-data .box-data__header .btn-reload:hover{animation:rotate2d 1s 3 both;-webkit-animation:rotate2d 1s 3 both}.box-data .box-data__header .btn-reload .ic,.box-data .box-data__header .btn-reload .reload{width:100%}.box-data .box-data__body{-webkit-align-items:flex-end;align-items:flex-end;position:relative;margin:25px 0 45px}.box-data .box-data__body,.box-data .box-data__body .box-data--data-covid{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:center;justify-content:center;width:100%}.box-data .box-data__body .box-data--data-covid{padding:0 35px}.box-data .box-data__body .box-data--data-covid .data-covid--item{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:100%;margin-top:75px}.box-data .box-data__body .box-data--data-covid .data-covid--item:first-child{margin-top:0}.box-data .box-data__body .box-data--data-covid .data-covid--item .data-covid--number{font-size:33px;color:#000;width:80%;text-align:center}.box-data .box-data__body .box-data--data-covid .data-covid--item .data-covid--type{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:flex-end;align-items:flex-end;width:20%}.box-data .box-data__body .box-data--data-covid .data-covid--item .data-covid--type .ic{height:51px}.box-data .box-data__body .box-data--data-covid .data-covid--item .data-covid--type .ic img{height:100%}.box-data .box-data__body .box-data--data-covid .data-covid--item .data-covid--type .data-covid--name{font-size:23px;color:#000}.box-data .box-data__footer{font-size:16px;width:100%;text-align:center;position:absolute;bottom:15px;left:0}.box-data .box-data__footer p span{font-family:Redwing-m}.box-data .box-data__body .search-box{position:relative;margin-bottom:20px;width:40%;margin-right:35px}.box-data .box-data__body .search-box .search{width:100%;height:30px;border:none;outline:none;box-shadow:none;background-image:repeating-linear-gradient(-60deg,#000,#000 5px,transparent 0,transparent 10px,#000 0),repeating-linear-gradient(30deg,#000,#000 5px,transparent 0,transparent 10px,#000 0),repeating-linear-gradient(120deg,#000,#000 5px,transparent 0,transparent 10px,#000 0),repeating-linear-gradient(210deg,#000,#000 5px,transparent 0,transparent 10px,#000 0);background-size:1px calc(100% + 20px),calc(100% + 20px) 1px,1px calc(100% + 20px),calc(100% + 20px) 1px;background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;-webkit-animation:borderAnimation .6s linear infinite;animation:borderAnimation .6s linear infinite;padding-left:5px}.box-data .box-data__body .search-box .ic{right:5px;top:0;width:15px;height:100%;position:absolute;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer}.box-data .box-data__body .search-box .ic img{width:100%}.box-data .box-data__body .search-box .drop-down-box{opacity:0;z-index:-1;position:absolute;top:100%;width:100%;height:auto;max-height:200px;overflow-y:scroll;visibility:hidden;background-color:#fff;padding:10px 0;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}.box-data .box-data__body .search-box .drop-down-box.active{opacity:1;z-index:100;visibility:visible}.box-data .box-data__body .search-box .drop-down-box .drop-down--item{padding:7px}.box-data .box-data__body .search-box .drop-down-box .drop-down--item:hover{background-color:#000;color:#fff}footer{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:17px;color:#fff;background:#000;width:100%;padding:3px 0;z-index:2;position:absolute;bottom:0;left:0}footer .ic--copyright{margin:0 5px}@media only screen and (max-width:1400px){.container{padding:20px 100px}.box-data{width:40%;max-width:none}}@media only screen and (max-width:1200px){.container{padding:20px 100px}.box-data{width:45%}}@media only screen and (max-width:992px){.container{padding:20px 100px}main{max-height:-webkit-max-content;max-height:max-content}.ctn-ctn{-webkit-flex-flow:column-reverse;flex-flow:column-reverse;-webkit-align-items:center;align-items:center;margin-bottom:25px}.box-data{width:60%}.box-data+.box-data{margin-bottom:60px}}@media only screen and (max-width:768px){.container{padding:20px 100px}header{height:-webkit-max-content;height:max-content}.box-data{width:352px}.box-data .box-data__body .box-data--data-covid{padding:0}.infomation{-webkit-justify-content:flex-start;justify-content:flex-start}.infomation .infomation--content{display:none}.box-data .box-data__body .search-box{margin:0 0 20px;width:100%}.box-data .box-data__body .search-box .search{font-size:18px;height:45px;padding-left:15px}.box-data .box-data__body .search-box .ic{right:15px}.box-data .box-data__body .search-box .drop-down-box .drop-down--item{padding:15px}.box-data .box-data__body .search-box .drop-down-box{height:220px}.logo .ic--covid{width:80px;margin-left:7.85px}.logo .logo--name img{width:160px}.logo .logo--name .logo-covid p{font-size:23px}}@media only screen and (max-width:576px){.container{padding:20px 40px}.box-data{width:100%}}@media only screen and (max-width:394px){.container{padding:20px}.box-data .box-data__body .box-data--data-covid .data-covid--item{margin-top:45px}}@media only screen and (max-width:340px){.box-data .box-data__body .box-data--data-covid .data-covid--item .data-covid--number{font-size:22px}.box-data{padding:20px}}@font-face{font-family:Redwing-l;src:local(Redwing-l),url(/static/media/Redwing-Light.bda27836.otf) format("truetype")}@font-face{font-family:Redwing-m;src:local(Redwing-m),url(/static/media/Redwing-Medium.7402d4c7.otf) format("truetype")}*{padding:0;margin:0;box-sizing:border-box;font-family:Redwing-l}body{background:#ededed}#root,body{width:100%}@-webkit-keyframes rotate2d{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(3turn);transform:rotate(3turn)}}@keyframes rotate2d{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(3turn);transform:rotate(3turn)}}@-webkit-keyframes rotate3d{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes rotate3d{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@-webkit-keyframes borderAnimation{0%{background-position:0 0,-20px 0,100% -20px,0 100%}to{background-position:0 -20px,0 0,100% 0,-20px 100%}}@keyframes borderAnimation{0%{background-position:0 0,-20px 0,100% -20px,0 100%}to{background-position:0 -20px,0 0,100% 0,-20px 100%}}
/*# sourceMappingURL=main.3f82f88b.chunk.css.map */