@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap);body,html{margin:0;font:.9em sans-serif;background-image:linear-gradient(90deg,#2980b9,rgba(41,128,185,.1))}#root,body,html{height:100%}.App,.App .container{height:100%;width:100%}.App .container{display:flex;justify-content:center;align-items:center;flex-direction:column}.App .container input{outline:none;border-radius:20px;width:25em;height:3em;border:none;background-color:hsla(0,0%,98%,.85);margin-top:3em;text-align:center}@media screen and (max-width:350px){.App .container input{width:20em;height:3em}}@media screen and (max-width:280px){.App .container input{width:15em;height:3em}}@media screen and (max-width:200px){.App .container input{width:11em;height:3em}}.App .container input::-webkit-input-placeholder{text-align:center}.App .container input:-ms-input-placeholder{text-align:center}.App .container input::placeholder{text-align:center}.App .container .city{display:flex;align-items:center;flex-direction:column;padding:4em;margin-top:4em;border-radius:2em;background-color:hsla(0,0%,98%,.85);box-shadow:10px 10px 5px 0 rgba(81,124,240,.404)}@media screen and (max-width:350px){.App .container .city{margin-top:3em;padding:1.5em}}@media screen and (max-width:280px){.App .container .city{padding:1em}}@media screen and (max-width:200px){.App .container .city{padding:0}}.App .container .city .cityName{font-size:2em}@media screen and (max-width:350px){.App .container .city .cityName{font-size:1.5em}}@media screen and (max-width:280px){.App .container .city .cityName{margin-top:1em;font-size:1em}}.App .container .city .cityName sup{padding:.2em .6em;margin-left:.2em;border-radius:3em;color:#fff;background-color:rgba(226,70,70,.85)}.App .container .city .cityTemp{font-size:4em;font-weight:700;margin-top:1em;text-align:center}@media screen and (max-width:350px){.App .container .city .cityTemp{font-size:3em}}@media screen and (max-width:280px){.App .container .city .cityTemp{font-size:2em}}.App .container .city .info{display:flex;flex-direction:column;align-items:center}.App .container .city .info .city-icon{margin-top:.5em;width:8em;height:8em}@media screen and (max-width:350px){.App .container .city .info .city-icon{width:6em;height:6em}}@media screen and (max-width:280px){.App .container .city .info .city-icon{width:4em;height:4em}}.App .container .city .info p{margin-top:1em;text-transform:uppercase;letter-spacing:.05em}@media screen and (max-width:350px){.App .container .city .info p{font-size:1em}}@media screen and (max-width:280px){.App .container .city .info p{font-size:.5em}}
/*# sourceMappingURL=main.50c2f0f5.chunk.css.map */