body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#32518f;text-align:center}.App-link{color:#61dafb}main{padding:20px;text-align:center}.app{background-image:url(/weather_app_build/static/media/cold-bg.4d386ea7d99665585ce0.jpg);background-position:bottom;background-size:cover;transition:.4 ease}.app.warm{background-image:url(/weather_app_build/static/media/warm-bg.7af1ab1e138d8b517b79.jpg)}.content_box{background-color:rgba(47,68,114,.6);border-radius:10px;font-family:Kanit,sans-serif;margin:0 auto;max-width:70%;padding:20px}.search_bar{margin-top:10px}.search_bar,.search_button{border-radius:5px;font-size:medium}.search_button{background-color:#a1e7cc;margin-top:2px}.location{color:#fff;font-size:large;font-weight:400;margin-top:10px}.date{color:#a1e7cc;font-style:italic;font-weight:100}.weather-box{padding:20px;text-align:center}.temp-cont{display:flex;flex-direction:row;padding-left:20%;padding-right:20%}.temp{background-color:rgba(15,9,66,.5);border-radius:8px;box-shadow:2px 4px rgba(0,0,0,.4);color:#fff;float:right;font-size:large;font-weight:900;padding:25px;text-align:center;text-shadow:2px 4px rgba(50,50,70,.5)}.icon,.temp{margin:20px auto 0}.icon{float:left}.info-cont{display:flex;flex-direction:row;padding-left:20%;padding-right:20%}.feels{float:right}.desc,.feels{color:#fff;margin:0 auto}.desc{float:left;font-size:medium;text-transform:capitalize}h1{color:#fff;text-shadow:2px 4px rgba(50,50,70,.8)}.humidity{color:#6cdff3}.icon_img{min-height:5vh}.wind{color:#6cdff3}hr{border:1px solid #27377c;max-width:50%}@media only screen and (max-width:600px){.temp-cont{display:flex;flex-direction:row;padding-left:.5%;padding-right:.5%}.temp{background-color:rgba(15,9,66,.5);border-radius:8px;box-shadow:2px 4px rgba(0,0,0,.4);color:#fff;float:right;font-size:large;font-weight:900;padding:15px 25px;text-align:center;text-shadow:2px 4px rgba(50,50,70,.5)}.icon,.temp{margin:20px auto 0}.icon{float:left}.info-cont{display:flex;flex-direction:row;padding-left:.5%;padding-right:.5%}.feels{color:#6cdff3;float:right}.desc,.feels{margin:0 auto}.desc{color:#fff;float:left;font-size:medium}hr{max-width:95%}}
/*# sourceMappingURL=main.cd6cc2fb.css.map*/