@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);*{padding:0}*,body{margin:0}body{font-family:"Helvetica",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{height:100vh;background:url(https://source.unsplash.com/collection/1408037/1600x900) no-repeat 50%/cover;font-family:"Lobster",cursive;color:#fff;display:flex;justify-content:center;align-items:center}.container{position:relative;flex-direction:column;width:400px;min-height:364px;padding:1rem;border-radius:5px;box-shadow:0 0 10px #111;mix-blend-mode:difference;-webkit-user-select:none;-ms-user-select:none;user-select:none}.container,.container header{display:flex;justify-content:space-between}.container header{align-items:center}.container header div:first-child{display:flex;justify-content:space-between;align-items:center}.container header div:first-child img{max-width:16px;margin-right:.5rem}.container main{text-align:center;margin:2.5rem 0}.container main .weather-main{display:flex;justify-content:center;align-items:center;text-align:left}.container main .weather-main .weather-icon{width:128px}.container main .weather-main .description{text-transform:capitalize;font-size:.85rem;font-weight:400}.container main .temp-main .temperature{font-size:6rem}.container main .temp-main .hi-lo{display:flex;justify-content:center}.container main .temp-main .hi-lo>*{margin:0 .5rem}.container .btn-main{padding:.5rem;letter-spacing:1px;background:transparent;color:#fff;border-radius:2px;outline:none;border:1px solid;font-weight:600;text-transform:uppercase;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:calc(50% - 31px) auto 0;transition:all .2s ease}.container .btn-main:hover{background:rgba(0,0,0,.5)}.container .status-message{text-align:center;position:absolute;top:50%;left:0;width:100%}.container footer{display:flex;justify-content:space-between}.container footer .weather-prop{display:flex;align-items:center}.container footer .weather-prop img{max-width:20px;margin-right:.8rem}
/*# sourceMappingURL=main.c8c04e70.chunk.css.map */