*,:after,:before{margin:0;padding:0;box-sizing:inherit}body{box-sizing:border-box;font-family:"Nunito",sans-serif}body .wrapper{max-width:1440px;margin:60px auto 0}.searchbar{position:relative;width:100%;height:200px;top:60px;padding:0 60px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#202c37}@media (max-width:511px){.searchbar{height:100px}}.searchbar__wrapper{display:flex;align-items:center;height:40px;width:400px;color:#fff;background-color:#2b3945;box-shadow:2px 2px 8px -2px rgba(0,0,0,.3)}@media (max-width:511px){.searchbar__wrapper{width:unset}}.searchbar__wrapper i{margin-left:20px}.searchbar__wrapper input{width:80%;height:100%;background-color:transparent;outline:none;border:none;padding:0 20px;color:#fff}.searchbar__wrapper input::-webkit-input-placeholder{font-size:14px}.searchbar__wrapper input:-ms-input-placeholder{font-size:14px}.searchbar__wrapper input::-ms-input-placeholder{font-size:14px}.searchbar__wrapper input::placeholder{font-size:14px}.searchbar__wrapper select{width:100%;height:100%;padding:0 20px;background-color:#2b3945;border:none;outline:none;color:#fff}.searchbar__wrapper select>option{zoom:1.1}.searchbar.light{background-color:#fff;color:#2b3945}.searchbar.light .searchbar__wrapper{background-color:#fff;color:#202c37}.searchbar.light .searchbar__wrapper input{color:#2b3945}.searchbar.light .searchbar__wrapper select{background-color:#fff;color:#2b3945}.countries{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:50px;-webkit-column-gap:50px;column-gap:50px;grid-row-gap:80px;row-gap:80px;margin-top:60px;padding:0 60px}@media (max-width:1023px){.countries{grid-template-columns:repeat(2,1fr)}}@media (max-width:511px){.countries{grid-template-columns:1fr;grid-row-gap:30px;row-gap:30px}}.countries .countries__card{list-style:none;color:#fff;background-color:#2b3945;box-shadow:2px 2px 8px -2px rgba(0,0,0,.3);cursor:pointer}.countries .countries__card .countries__flag{width:100%;max-height:200px}.countries .countries__card .countries__details{padding:20px 20px 30px;font-size:14px}.countries .countries__card .countries__details p{margin-bottom:10px}.countries .countries__card .countries__details span{font-weight:600}.countries .countries__card .countries__details .countries__name{font-weight:600;margin-bottom:22px;font-size:18px}.countries .countries__card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.countries.light,.countries.light .countries__card{background-color:#fff;color:#2b3945}.countries__wrapper{display:flex;flex-direction:column;background-color:#202c37;min-height:calc(100vh - 200px)}.countries__wrapper.light{background-color:#fff}.countries__wrapper.light button{color:#2b3945;background-color:#fff}.countries__wrapper button{width:100px;height:40px;margin:40px auto 20px;text-align:center;outline:none;border:none;box-shadow:2px 2px 8px -2px rgba(0,0,0,.3);color:#fff;background-color:#2b3945;cursor:pointer}.countries__wrapper button:hover{box-shadow:none}.country{margin-top:100px;padding:0 60px;color:#fff;font-size:16px;display:flex;justify-content:space-between;font-size:14px;line-height:1.8}.country span{font-weight:600}@media (max-width:767px){.country{display:flex;flex-direction:column}}@media (max-width:511px){.country{padding:0 30px}}.country>div{width:45%;float:left}@media (max-width:767px){.country>div{width:100%}}.country .country__flag{box-shadow:2px 2px 8px -2px rgba(0,0,0,.3)}.country .country__details{display:flex;flex-direction:row;width:100%;margin-top:30px;padding:0}.country .country__details>div{width:45%;float:left}@media (max-width:767px){.country .country__details>div{width:100%}}.country .country__left{display:flex;flex-direction:column}.country .country__left img{width:100%}.country .country__left .country__weather{width:100%;font-size:14px;line-height:1.5;margin-top:40px}@media (max-width:511px){.country .country__left .country__weather{margin-bottom:30px}}.country .country__left .country__weather img{width:60px;margin-bottom:10px}.country .country__left .country__weather h4{margin-bottom:10px}.country .country__borders{display:inline-flex;width:100%;margin-top:30px;margin-bottom:30px}@media (max-width:511px){.country .country__borders{flex-direction:column}}.country .country__borders p{margin-right:10px}.country .country__borders ul{display:grid;grid-template-columns:repeat(3,1fr)}@media (max-width:511px){.country .country__borders ul{margin-top:10px}}.country .country__borders li{list-style:none;display:block;margin-right:10px;margin-bottom:10px}.country .country__borders li button{width:80px;height:40px;background-color:#2b3945;box-shadow:2px 2px 8px -2px rgba(0,0,0,.3);color:#fff;cursor:pointer;border:none;outline:none}.country .country__borders li button:hover{box-shadow:none}.country.light,.country.light .country__borders li button{background-color:#fff;color:#2b3945}.country__wrapper{min-height:100vh;background-color:#202c37}.country__wrapper button.backBtn{position:relative;top:60px;margin-top:40px;margin-left:60px;width:100px;height:40px;border:none;outline:none;background-color:#2b3945;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;box-shadow:2px 2px 8px -2px rgba(0,0,0,.3);cursor:pointer}@media (max-width:511px){.country__wrapper button.backBtn{margin-left:30px}}.country__wrapper button.backBtn i{margin-right:10px}.country__wrapper button.backBtn:hover{box-shadow:none}.country__wrapper.light{background-color:#fff}.country__wrapper.light button.backBtn{background-color:#fff;color:#2b3945}.navbar{position:fixed;background-color:#2b3945;height:60px;width:100%;left:0;top:0;display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 60px;z-index:10;box-shadow:2px 2px 8px -2px rgba(0,0,0,.3)}@media (max-width:511px){.navbar{padding:0 10px}}.navbar button{background-color:transparent;border:none;outline:none;color:#fff;display:flex;flex-direction:row;font-size:16px;font-weight:300;cursor:pointer}.navbar i{margin-right:10px}.navbar h2{color:#fff;font-size:16px;font-weight:600}.navbar.light{background-color:#fff}.navbar.light h2,.navbar.light i,.navbar.light p{color:#2b3945}
/*# sourceMappingURL=main.10424532.chunk.css.map */