body{margin:0;height:100%;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}.App{background-image:url(/static/media/background_image.98f9437d.jpg);text-align:center;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:969px}.displayweather{margin-top:20px;display:flex;flex-flow:column nowrap;height:100%}.displayweather .main{width:500px;margin-top:20px;align-self:center;padding:50px;border-radius:20px;position:relative;color:#fff}.displayweather .main .title{position:absolute;top:10px;left:10px;font-size:1.5rem;color:#fff}.displayweather .main .subtitle{position:absolute;left:10px;color:#fff;margin-top:-8px}.displayweather h1{font-size:5rem;margin:-10px -10px -10px -150px;color:#fff}.displayweather .weather-icon{width:100px;position:absolute;top:50px}.displayweather .weather-main{position:absolute;color:#fff;top:120px;left:310px;font-weight:500;font-size:1.2rem}.displayweather .weather-description{position:absolute;left:10px;font-size:1.4rem;color:#fff}.displayweather .weatherdetails{margin-left:50px;margin-right:50px;color:#fff;display:grid;grid-template-columns:50% 50%;grid-template-rows:auto;grid-gap:20px}.displayweather .weatherdetails .section1{justify-self:right;width:300px}h4{text-align:left;margin-right:30px;font-size:1.2rem;color:#fff}td{border-bottom:2px dashed #fff}.displayweather .weatherdetails span{font-size:1.2rem}.weather{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0 20px 20px;margin-left:25%;height:100%}.weather .title{font-size:4rem;color:#fff;font-family:"Times New Roman",Times,serif}.weather form{margin-top:30px;height:100%}.weather form input{padding:10px;border:none;border-bottom:2px dashed #023958;margin-right:10px}.weather form input:focus{outline:none;border-bottom:3px dashed #023958}.weather .getweatherbutton{margin-left:10px;padding:8px;font-size:1.3rem;border-radius:20px;border:2px solid #000;background:rgba(2,57,88,.8);cursor:pointer;color:#f5f5f5}.weather .getweather:hover{background:transparent;color:#000}.weather .getweather:focus{outline:none}
/*# sourceMappingURL=main.c4965a91.chunk.css.map */