.hero{font-family:monospace;text-align:center;margin-bottom:2rem}.hero>h1{font-size:3rem}.hero>p{font-size:1rem}.hero>.phonetic{margin:0}.hero>.description{font-size:1.25rem}.forecast-container{grid-column:1 / -1;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;margin-top:1rem}.forecast-container>.header{display:flex;align-items:center;gap:.5rem;margin-left:1rem}.forecast-container-title{font-size:1.25rem;font-weight:600}.forecast-shelf{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.forecast-shelf{grid-template-columns:1fr;grid-auto-rows:1fr}}