*,:after,:before{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background-color:#6068e7;border-radius:10px;box-shadow:inset 0 0 5px grey}::-webkit-scrollbar-thumb{background:cyan;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#61dbfb}@media only screen and (max-width:3000px){.container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.container header{width:100%}.container header .header-wrapper{align-items:center;background-color:#f0f0f0;display:flex;flex-direction:column;justify-content:center;padding:24px}.container header .header-wrapper h1{color:orange;font-family:Poppins,sans-serif;font-size:60px;font-weight:600;letter-spacing:3.75px;text-align:center}.container header .header-wrapper p{color:#333;font-family:Poppins,sans-serif;font-size:23px;font-weight:600;letter-spacing:1.25px;line-height:38.4px}.container header .header-wrapper p:nth-child(3){color:orange;font-style:italic;font-weight:500;padding-top:10px}.container main{flex-grow:1;width:100%}.container main .main-wrapper{grid-gap:30px;background-color:#f0f0f0}.container main .main-wrapper,.container main .main-wrapper .controls{align-items:center;display:flex;flex-direction:column;justify-content:center}.container main .main-wrapper .controls{background-color:#fff;padding:24px 0 15px;width:100%}.container main .main-wrapper .controls .search-input{background-color:#faf6f6;border:2px solid #f8e7e7;border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;-webkit-border-radius:50px;color:orange;font-family:Roboto Slab,serif;font-size:30px;font-weight:400;margin:17px 20px 35px;outline:none;padding:13px;text-indent:32px;width:50%}.container main .main-wrapper .controls .search-input::-webkit-input-placeholder{color:#333;font-family:Roboto,sans-serif;font-weight:100;opacity:.5}.container main .main-wrapper .controls .search-input:-ms-input-placeholder{color:#333;font-family:Roboto,sans-serif;font-weight:100;opacity:.5}.container main .main-wrapper .controls .search-input::placeholder{color:#333;font-family:Roboto,sans-serif;font-weight:100;opacity:.5}.container main .main-wrapper .controls .search-icon a{color:orange;font-size:48px;font-weight:900;letter-spacing:1.25px;line-height:56px}.container main .main-wrapper .graph-blanket{background-color:#fff;padding:40px 0 17px;width:100%}.container main .main-wrapper .graph-blanket .graph-wrapper{align-items:center;background-color:#fff;border:1px solid #ddd;box-shadow:0 0 4px 1px rgba(51,51,51,.2);display:flex;flex-direction:column;justify-content:center;padding:8px;width:100%}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header{grid-gap:15px;align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header .graph-buttons{grid-gap:20px;align-items:center;display:flex;justify-content:center}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header .graph-buttons button{background-color:orange;border:none;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;color:#333;cursor:pointer;font-family:Roboto Slab,serif;font-size:20px;font-weight:400;letter-spacing:1.25px;line-height:23px;padding:10px 20px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header .title,.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header .title-head{color:#333;font-family:Roboto Slab,serif;font-size:20px;font-weight:600;letter-spacing:1.25px;line-height:32px;text-align:center}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header .title-head{color:orange;font-size:37px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space{align-items:center;background-color:#f0f0f0;display:flex;justify-content:center;padding:10px;width:100%}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph{border:1px solid #ddd;box-shadow:0 0 4px 1px rgba(51,51,51,.2);margin:10px;padding:10px;width:100%}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper{grid-gap:40px;display:grid;grid-template-columns:1fr;padding:20px;place-items:center}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-tab{grid-gap:10px;border:2px solid #ddd;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-ms-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;box-shadow:0 2px 2px 1px rgba(0,0,0,.2);display:flex;flex-direction:column;width:65%}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .flag{align-items:center;display:flex;height:350px;justify-content:center;overflow:hidden;width:100%}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .flag img{object-fit:contain;overflow:hidden;transform:transform .2s;-webkit-transform:transform .2s;-moz-transform:transform .2s;-ms-transform:transform .2s;-o-transform:transform .2s;width:100%}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text{grid-gap:2px;display:flex;flex-direction:column;padding:30px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text .country-name,.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text .country-weather{font-size:27px;font-weight:300;font-weight:600;letter-spacing:1.25px;line-height:42px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text .country-weather{margin-top:10px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text p{font-family:Poppins,sans-serif;font-size:23px;letter-spacing:1.25px;line-height:39.6px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text p span{color:#616161;font-size:24px;font-weight:600}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .graph-bar{display:grid;font-family:Roboto Slab,serif;font-size:14px;font-weight:600;grid-template-columns:18% 60% 22%;letter-spacing:1.25px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .graph-bar .bar{background-color:orange;border:1px solid #2f4f4f;border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;height:35px;margin:5px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .graph-bar span:not(.bar){align-self:center}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .graph-bar span:nth-child(3){justify-self:center}.container footer{width:100%}.container footer .footer-wrapper{grid-gap:2px;align-items:center;background:#f0f0f0;display:flex;flex-direction:column;justify-content:center;padding:30px 0 50px}.container footer .footer-wrapper p{color:#333;font-family:Poppins,sans-serif;font-size:25px;font-weight:lighter;font-weight:300;letter-spacing:1.25px;line-height:40px;text-align:center}.container footer .footer-wrapper p a{font-family:Roboto,sans-serif;font-weight:600;text-decoration:none}.container footer .footer-wrapper p:nth-child(3){font-size:16px;font-weight:100;padding:10px}.container footer .footer-wrapper p:nth-child(3) a,.container footer .footer-wrapper p:nth-child(3) a:active,.container footer .footer-wrapper p:nth-child(3) a:link,.container footer .footer-wrapper p:nth-child(3) a:visited{color:#00e}.container footer .footer-wrapper p:nth-child(4){align-self:flex-end;cursor:pointer;font-size:48px;margin-right:5%}.container footer .footer-wrapper p:nth-child(4) a,.container footer .footer-wrapper p:nth-child(4) a:active,.container footer .footer-wrapper p:nth-child(4) a:link,.container footer .footer-wrapper p:nth-child(4) a:visited{color:orange}}@media only screen and (max-width:768px){.container header .header-wrapper{padding:20px}.container header .header-wrapper h1{font-size:35px;letter-spacing:3.125px;text-align:center}.container header .header-wrapper p{font-size:21px;text-align:center}.container header .header-wrapper p:nth-child(3){font-size:20px}.container main .main-wrapper{grid-gap:20px}.container main .main-wrapper .controls{padding:20px 0 15px}.container main .main-wrapper .controls .search-input{font-size:20px;padding:10px;width:60%}.container main .main-wrapper .controls .search-icon a{font-size:40px;line-height:36px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header{grid-gap:12px;margin-bottom:8px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header .graph-buttons button{font-size:15px;padding:10px 17px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header .title,.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header .title-head{font-size:18px;line-height:27px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header .title-head{font-size:28px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper{grid-gap:30px;padding:20px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-tab{grid-gap:5px;width:80%}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .flag,.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .flag img{height:auto}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text{grid-gap:1px;padding:20px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text .country-name,.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text .country-weather{font-size:23px;line-height:35px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text p{font-size:20px;line-height:35px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text p span{font-size:20px;font-weight:500}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .graph-bar{font-size:14px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .graph-bar .bar{margin:5px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .graph-bar span{font-size:15px;letter-spacing:1.125px;line-height:22px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .graph-bar span:not(.bar){align-self:center}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .graph-bar span:nth-child(3){justify-self:center}.container footer .footer-wrapper{grid-gap:1px;padding:20px 0 30px}.container footer .footer-wrapper p{font-size:18px;line-height:27px}.container footer .footer-wrapper p:nth-child(3){font-size:15px}.container footer .footer-wrapper p:nth-child(4){font-size:40px}}@media only screen and (max-width:580px){.container header .header-wrapper{padding:18px}.container header .header-wrapper h1{font-size:25px;letter-spacing:2.5px}.container header .header-wrapper p{font-size:17px;text-align:center}.container header .header-wrapper p:nth-child(3){font-size:15px}.container main .main-wrapper{grid-gap:20px}.container main .main-wrapper .controls{padding:20px 0 15px}.container main .main-wrapper .controls .search-input{font-size:15px;padding:10px;width:70%}.container main .main-wrapper .controls .search-icon a{font-size:38px;line-height:36px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header{grid-gap:12px;margin-bottom:15px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header .graph-buttons button{font-size:15px;padding:10px 17px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header .title,.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header .title-head{font-size:15px;line-height:27px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-header .title-head{font-size:20px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space{padding:.5px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph{border:none;box-shadow:none;margin:10px 5px;padding:0}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper{grid-gap:30px;padding:15px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-tab{grid-gap:5px;width:100%}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .flag{height:170px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .flag img{height:auto}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text{grid-gap:0;padding:15px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text .country-capital,.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text .country-name,.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text .country-weather{font-size:17px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text p{font-size:15px;line-height:30px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .countries-wrapper .country-text p span{font-size:15px;font-weight:600}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .graph-bar{grid-template-columns:20% 47% 33%}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .graph-bar .bar{justify-self:flex-start;margin:5px 0 5px 16%}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .graph-bar span{font-size:11px}.container main .main-wrapper .graph-blanket .graph-wrapper .graph-space .graph .graph-bar span:nth-child(3){justify-self:flex-end;padding-left:10px}.container footer .footer-wrapper p{font-size:15px}.container footer .footer-wrapper p:nth-child(3){font-size:17px;padding:0 5px}.container footer .footer-wrapper p:nth-child(4){margin-right:4%}.container footer .footer-wrapper p:nth-child(4):nth-child(4) a{font-size:35px}}
/*# sourceMappingURL=main.1bc9a816.css.map*/