body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf4fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;margin:0}a,button,h1,h2,li,p,span{color:#2e2d32;font-family:Montserrat,sans-serif}h1,h2,li,p,span{font-weight:200}h3{color:#2e2d32;font-family:Teko,sans-serif;font-weight:700;line-height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul{padding:0}li{display:inline-block;list-style:none}.container{margin:0 auto;max-width:1280px}.navigation ul{display:flex;justify-content:space-around;margin:3em 0}.navigation ul button,.navigation ul li{font-size:2.25rem;text-transform:uppercase}.navigation ul button{background:transparent;border:none;cursor:pointer}.navigation ul button.active,.navigation ul button:hover{color:#6aa4e1;font-weight:700}.weather-cards{grid-gap:0 0;background:#fff;border-radius:10px;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3);display:grid;gap:0 0;grid-template-areas:"Main Main Main Main" ". . . .";grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;min-height:880px;padding:5px;position:relative}.weather-cards .main{grid-area:Main}.weather-cards .weather-card{align-items:center;background-color:#edf4fa;display:flex;flex-direction:column;justify-content:center;margin:5px}.weather-cards .weather-card h2{font-size:2.8rem;margin-bottom:1em;text-align:center}.weather-cards .weather-card h3{font-size:4rem;font-weight:300;margin:.5em 0 0}.weather-cards .weather-card:first-child{align-content:center;align-items:flex-start;border-radius:10px 10px 0 0;flex-direction:row;flex-wrap:wrap}.weather-cards .weather-card:first-child svg{margin-right:2em;margin-top:14px;width:150px}.weather-cards .weather-card:first-child .loader svg{margin:0;width:50px}.weather-cards .weather-card:first-child h2{flex:1 1 100%;margin-bottom:1em}.weather-cards .weather-card:first-child h3{font-size:8rem;margin:0}.weather-cards .weather-card:first-child h3 span{display:block;font-size:2.2rem;margin-top:-1.5em}.weather-cards .weather-card:nth-child(2){border-radius:0 0 0 10px}.weather-cards .weather-card:last-child{border-radius:0 0 10px 0}.weather-icon{width:115px}.weather-icon g path{fill:#2e3a5d}.loader svg{-webkit-animation:spinner .9s linear infinite;animation:spinner .9s linear infinite;margin:0;width:50px}.display-error,.loader{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:660px){.navigation ul{align-items:center;flex-direction:column}.navigation ul li{margin-bottom:1em}.navigation ul li:last-child{margin-bottom:0}}@media (max-width:767px){.weather-cards{grid-template-areas:"Main Main" ". ." ". .";grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.weather-cards .weather-card:nth-child(2){border-radius:0}.weather-cards .weather-card:last-child{border-radius:0 0 10px 10px}}
/*# sourceMappingURL=main.0e1ac724.css.map*/