@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;700&display=swap);*{margin:0;padding:0}#root,body,html{height:100vh}body{color:#fff;font-family:Roboto Mono,monospace;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.search-bar{display:flex;justify-content:center;margin:2rem 0}input{background:transparent;border:none;border-bottom:1px solid #fff;color:#fff;font-size:1.5rem;outline:0}::-webkit-input-placeholder{color:#fff;opacity:.8}::placeholder{color:#fff;opacity:.8}.list{background-color:#02173fb3;display:flex;justify-content:space-around;width:100%}.daily{margin:2rem 1rem;text-align:center}.temp-day{display:flex;justify-content:space-between;margin-top:1rem}.list span{margin:.5rem}.temp.min{color:#ccc}.container{background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100%;justify-content:space-between}.loading{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.spinner{-webkit-animation:loading 2s linear infinite;animation:loading 2s linear infinite;font-size:3rem;margin-bottom:1rem}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.error-message{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.wrapper{align-items:flex-start;color:#fff;display:flex;justify-content:space-between;margin:2rem;text-align:center}.content-left{display:flex;text-align:start}.info-wrapper{display:flex;flex-direction:column;font-size:1rem;justify-content:space-evenly;margin-left:1rem}.info{margin:.3rem 0}.temperature{font-size:8rem}.content-right{flex-direction:column;margin-top:1.5rem;text-align:end}.city-country,.content-right{display:flex;justify-content:flex-end}.city-country{align-items:baseline;flex-wrap:wrap}.city{font-size:3rem}.country{font-size:2rem}.weekday{margin-right:.3rem}.current-condition{align-items:center;display:flex;font-size:1.6rem;justify-content:flex-end;margin-top:.7rem}@media only screen and (max-width:700px){span{font-size:.9rem}.wrapper{flex-wrap:wrap-reverse;margin:0 2rem}.temperature{font-size:6rem}.info-wrapper{margin:0}.content-right{text-align:start}.city-country,.content-right{justify-content:flex-start}.city{font-size:2rem}.current-condition{justify-content:flex-start}.last-updated{margin-top:.5rem}}
/*# sourceMappingURL=main.3877697a.css.map*/