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;background:url(/Weather_App_ReactJS/static/media/erika-fletcher-U58c9bl87JA-unsplash.e3ac1f88.jpg);background-size:cover;background-repeat:no-repeat}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.h1{background-color:transparent;color:#fff;border:2px solid #f5f5f5;border-radius:0;width:555px;margin-left:0;padding:5px;margin-top:20px}.h4{font-style:italic}@media only screen and (min-width:1024px){.h1{background-color:transparent;color:#fff;border:2px solid #f5f5f5;border-radius:0;width:690px;margin-left:27%;padding:5px;margin-top:20px}}form{margin-top:3rem}form input[name=city],form input[name=country]{background-color:transparent;color:#fff;border:none;border-bottom:2px solid #f5f5f5;border-radius:0}.container{margin-top:1.2rem}.Card{width:30rem;height:28rem;box-shadow:0 0 1rem 0 rgba(0,0,0,.2);border-radius:5px;background-color:hsla(0,0%,100%,.15);margin-left:20px;margin-top:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.container ::-webkit-input-placeholder,.container input{color:#fff!important}.container input:focus{background-color:transparent;box-shadow:none!important;border:none;border-bottom:2px solid tomato}@media only screen and (min-width:1024px){.Card{width:30rem;height:28rem;box-shadow:0 0 1rem 0 rgba(0,0,0,.2);border-radius:5px;background-color:hsla(0,0%,100%,.15);margin-left:270px;margin-top:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}
/*# sourceMappingURL=main.ad49a3ae.chunk.css.map */