footer[data-v-4e08298c]{margin:auto}header[data-v-5bd83f9f]{margin:auto}header h1[data-v-5bd83f9f]{font-size:2.5em}div[data-v-b346cb06]{width:100%;display:inline-block;margin-bottom:15px}span[data-v-b346cb06],p[data-v-b346cb06]{padding:15px;color:#fff;width:auto}div[data-v-b346cb06]{float:left}#errorMessageClear[data-v-b346cb06]{float:right}#errorMessageClear[data-v-b346cb06]:hover{color:#000;cursor:pointer}.weather-search[data-v-437bfdf8]{margin:auto}.weather-search-title h2[data-v-437bfdf8]{text-align:center;margin-bottom:.5em}.weather-search-buttons[data-v-437bfdf8]{margin:.5em}.weather-search-input[data-v-437bfdf8]{text-align:center}.weather-search-input label[data-v-437bfdf8]{font-size:1.35em;margin-right:.5em}.weather-search-input input[data-v-437bfdf8]{font-size:1.1em}.weather-search-buttons button[data-v-437bfdf8]{background-color:#00f;color:#fff;padding:8px 16px;text-align:center;font-size:1em;border-radius:8px;border:none;margin:6px}.weather-search-buttons button[data-v-437bfdf8]:hover{color:#000;cursor:pointer}.weather-search-buttons button[data-v-437bfdf8]:disabled{opacity:.5;cursor:not-allowed}.weather-results-container[data-v-06407bce]{margin:auto;display:flex;flex-direction:column}.weather-results-data[data-v-06407bce]{display:flex;flex-direction:row}.weather-results-summary[data-v-06407bce],.weather-results-temperatures[data-v-06407bce]{margin:0 10px;padding:10px;border-radius:2px;background:#fff;box-shadow:0 6px 8px #66778808,0 1px 2px #6677884d}.weather-results-temperatures[data-v-06407bce]{padding:10px 40px}.weather-title[data-v-06407bce]{margin-bottom:.5em}.weather-title h2[data-v-06407bce]{text-align:center;color:#745fb5;white-space:nowrap;overflow:hidden}.weather-results-buttons[data-v-06407bce]{margin:auto}.weather-results-buttons button[data-v-06407bce]{background-color:#00f;color:#fff;padding:8px 16px;text-align:center;font-size:1em;border-radius:8px;border:none;margin:6px}.weather-results-buttons button[data-v-06407bce]:hover{color:#000;cursor:pointer}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body{background:#f1f3f5;font-family:segoe ui,helvetica neue,sans-serif;color:#345;overflow-x:hidden}.grid-container{margin:auto;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(20px,auto);gap:20px;max-width:1080px}.header,.banner{grid-column:span 3}.weather-search,.weather-results{grid-column:2 / span 1}.footer{grid-column:span 3}