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}.weather{border-bottom:none;border-inline:2px solid #fff;border-top:4px solid #fff;font-size:1.2rem;padding:1.5rem 0;width:100%}.weather:first-child{border-left:none}.weather:last-child{border-right:none}.weather .day{margin-bottom:1rem}.weather .temperature{font-size:1.5rem;font-weight:500;margin-top:.5rem}.weather.today{border-top:none;border-top-left-radius:10px;border-top-right-radius:10px;font-size:1.7rem!important;margin:0;padding:3rem 0}.weather.today .temperature{font-size:3.5rem;text-align:left}p{margin:0}.App{background:#e9f4fa;font-family:Work Sans,sans-serif;font-weight:200;height:100vh;text-align:center}.App .container{margin:auto;max-width:600px;padding-top:2rem;width:100%}@media(max-width:768px){.App .container{width:90%}.App .container .cities{display:flex;flex-direction:column}}.App .container .cities button{background:none;border:none;font-family:Work Sans,sans-serif;font-size:2rem;font-weight:200;padding-inline:1.5rem;text-transform:uppercase;transition:all .2s ease-in-out}.App .container .cities button:hover{color:#50a0e3;cursor:pointer;opacity:.8}.App .container .cities button.active{color:#50a0e3;font-weight:600;pointer-events:none}.App .container .weather-container{align-items:center;border:4px solid #fff;border-radius:10px;box-shadow:0 0 25px 5px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;margin-top:2rem}.App .container .weather-container .weather-info{align-items:center;display:flex;flex-direction:row;justify-content:center;text-align:left}.App .container .weather-container .weather-info svg{margin-right:1rem}.App .container .weather-container svg{fill:#2b3f66}.App .container .weather-container .four-day-forecast{display:flex;flex-direction:row;width:100%}@media(max-width:568px){.App .container .weather-container .four-day-forecast .weather:last-child{display:none}}
/*# sourceMappingURL=main.9ec266f3.css.map*/