@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap);
/*! normalize.css v9.0.1 | MIT License | github.com/csstools/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}body,html{padding:0;margin:0;font-size:24px;font-family:Open Sans,sans-serif}.App{width:100%;max-width:1024px;margin:0 auto}.App #form{padding:20px}.App #form .search{display:flex}.App #form .search-field{border:none;outline:none;font-size:1.5rem;font-weight:700}.App #form .search-field:focus,.App #form .search-field:hover{background-color:#eee;border-radius:5px}.App #form .search-button{background-color:transparent;background-image:url(/assets/icons/search-solid.svg);background-size:30px 30px;background-repeat:no-repeat;background-position:50%;height:45px;width:45px;border:none;margin-left:5px;padding:0;outline:none}.App #form .search-button:hover{background-color:#eee;border-radius:5px}.App #form .search-button:active{background-color:#ddd;border-radius:5px}.App #form .units{margin:5px 0}.App #form .units button{border:none;font-size:1rem;background:none;color:#bbb;outline:none;margin-right:2px}.App #form .units button.active,.App #form .units button:hover{background-color:#eee;border-radius:5px}.App #form .units button.active{color:#000}.App #weather{position:relative}.App #weather .weather-text{display:inline-block;height:250px;width:50%;margin-top:30px;padding:20px;background-size:contain;background-repeat:no-repeat;background-position:100% 0}.App #weather .weather-text .high-low{font-size:1rem}.App #weather .weather-text .temp{font-size:4rem;margin-top:30px;margin-bottom:0}.App #weather .weather-text .description{text-transform:capitalize;margin:0}.App #weather .map .leaflet-container{height:400px;width:100%}#error{padding:20px}@media (min-width:320px) and (max-width:480px){.App #weather .weather-text{width:calc(100% - 40px)}}
/*# sourceMappingURL=main.13d5accc.chunk.css.map */