@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;300;400&family=Roboto:wght@100;300&display=swap);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}*{margin:0;padding:0}.App{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1rem;text-align:left;background-color:#7c8f8f;height:100%;font-family:"Roboto",sans-serif}* .logo{height:100px;width:100px}header{background-color:rgba(109,107,107,.6);width:100vw;height:8rem}header h1{text-align:center;font-size:2rem}.nav{display:flex;justify-content:space-between;list-style-type:none;margin-left:1rem}.nav ul{list-style:none;margin-top:3rem}.nav li a{text-transform:uppercase;font-weight:500;margin:0 3rem;color:#000;text-decoration:none}* main{background:linear-gradient(90deg,rgba(122,185,189,.3),rgba(67,166,199,.4)),url(/static/media/globe.d5e3a3f0.jpg) no-repeat fixed 50%/cover}input[type=text]{width:50%;height:2rem;border-radius:5px;border:1px solid #000;margin-left:25rem;margin-top:1rem;font-size:1.5rem;text-transform:uppercase}p{font-size:1.5rem}.countries{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:1rem}.country{height:350px;width:350px;margin:1rem;padding:5px;border:1px solid #000;position:relative;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);transition:transform .5s ease;color:#fff;background:linear-gradient(90deg,rgba(39,48,48,.7),rgba(25,68,82,.5)),url(/static/media/map.57fd86d3.jpg) no-repeat fixed 50%/cover}.country:hover{transform:scale(1.05);background:#2f5865}a{color:#000;text-decoration:none;font-family:"Roboto Slab",serif}.country-header{background-color:#6d6c6b;padding:5px;border-radius:5px;box-shadow:0 4px 8px 0 rgba(8,7,7,.2),0 6px 20px 0 rgba(68,61,61,.2)}.country h1,h2,p{padding:.5rem;font-family:"Roboto",sans-serif}span{font-weight:700}img{display:block;width:40px;height:40px;border-radius:50%;position:absolute;right:0;top:0}* .home{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:78vh;position:relative}.home p{font-family:"Roboto Slab",serif}.home .text,.weather-descrptn{position:absolute;top:40px;right:10px;display:block;width:400px;height:400px;text-align:left;font-family:"Playfair Display",serif;font-weight:400;line-height:2.5rem}* .country-single{width:100vw;height:78vh;display:flex;align-items:center;justify-content:center;position:relative}.weather-img{position:absolute;left:60%;top:0;display:block;width:250px;height:250px}.country-single span{color:#033c54}* footer{height:5rem}@media only screen and (max-width:1030px){.weather-img{left:10%}.home .text,.weather-descrptn{width:500px;height:500px}p{font-weight:600}}@media only screen and (max-width:800px){input[type=text]{margin-left:10rem}}@media (max-width:550px){.logo{height:200px;width:200px}.home .text,.weather-descrptn{width:300px;height:300px}.nav ul{display:flex;flex-wrap:wrap}a{padding:.5rem}input[type=text]{margin-left:5rem}.weather-img{left:0;top:0;width:100px;height:100px}.home h2{font-size:1.5rem;width:100%}p{font-size:1.2rem;font-weight:600;margin-left:10px;text-align:right}}@media (max-width:350px){h1{font-size:1.2rem}h2,p{font-size:1rem}.country{height:250px;width:250px}}.loader,.loader:after,.loader:before{background:#7f2929;animation:load1 2s ease-in-out infinite;background:#29627f;animation:load1 1s ease-in-out infinite;width:1em;height:4em}.loader{color:#29627f;text-indent:-9999em;margin:88px auto;position:relative;font-size:11px;transform:translateZ(0);animation-delay:-.16s}.loader:after,.loader:before{position:absolute;top:0;content:""}.loader:before{left:-1.5em;animation-delay:-.32s}.loader:after{left:1.5em}@keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}
/*# sourceMappingURL=main.b6ff471d.chunk.css.map */