/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#100e1d;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}:root{--light-navy-color:#1e213a;--navy-color:#100e1d}.search-nav{background-color:#1e213a;background-color:var(--light-navy-color);height:90vh;max-width:450px;overflow-y:scroll;padding:4rem 1rem 1rem;position:fixed;-webkit-transform:translate(-200%);transform:translate(-200%);transition:all .3s ease-in-out;width:100%;z-index:3}.btn-close{align-items:center;display:flex;font-size:3rem;height:3rem;justify-content:center;padding:0;position:absolute;right:1rem;top:.5rem;width:3rem}.search-form{display:flex;flex-flow:row wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.input-container{align-items:center;border:thin solid #fff;color:#fff;display:flex;flex:1 1 auto;flex-flow:row nowrap}.magnificer{height:20px;margin-left:5px;width:20px}input{background:transparent;border:none;color:#fff;flex:1 1 auto;outline:none;padding:.75rem}.search-results{color:#ccc;margin-top:1rem;text-align:center}.cityResult{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:30px;font-weight:300}.activeSearch{-webkit-transform:translate(0);transform:translate(0)}.sidebarContainer{background-color:#1e213a;background-color:var(--light-navy-color);color:#fff;display:flex;flex-flow:column nowrap;height:100vh;justify-content:space-between;max-height:100vh;overflow:hidden;position:-webkit-sticky;position:sticky;text-align:center;top:0}@media only screen and (max-width:800px){.sidebarContainer{background-color:#1e213a;background-color:var(--light-navy-color);color:#fff;display:flex;flex-flow:column nowrap;height:auto;justify-content:space-between;max-height:100vh;overflow:hidden;position:relative;text-align:center;top:0}.search-nav{width:90%}}.headerSidebar{display:flex;justify-content:space-between;padding:1rem}.btnAside{background:transparent;border:none;color:#e7e7eb;cursor:pointer;outline:none;padding:.5rem;transition:all .2s ease}.btn-submit{background-color:#3c47e9;flex:1 1 auto;padding:1rem}.btn-primary,.btn-rounded{background-color:#6e707a}.btn-rounded{border-radius:50%;height:25px;padding:.5rem;width:25px}.weather-status{align-items:center;display:flex;flex:0 1 200px;justify-content:center;position:relative}.img-bg{left:0;opacity:.25;pointer-events:none;position:absolute;right:0;width:100%}.w-icon{width:125px}.weather-info{padding:1rem}.temp{color:#e7e7eb;font-size:8rem;font-weight:500;margin:0}.current-condition{color:#a09fb1;margin:0}.current-location{color:#88869d}.mapIcon{height:25px;width:25px}.city{align-content:center;align-items:center;display:flex;justify-content:center}nav .cityList{display:flex;flex-direction:column}nav div button{background:none;background-color:#100e1d;background-color:var(--navy-color);border-radius:5px;color:#bbb;font-weight:700;margin:5px 0;padding:0}.mainContainer{display:grid;grid-template-columns:450px 1fr}@media only screen and (max-width:800px){.mainContainer{display:grid;grid-template-columns:1fr}}.wrapper{display:flex;flex-flow:column nowrap;height:100%;justify-content:space-between;margin:0 auto;max-width:1000px;padding:0;width:85%}.wrapper-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:1.5rem;margin-top:1.5rem}.btn{background:transparent;border:none;color:#e7e7eb;cursor:pointer;outline:none;padding:.5rem;transition:all .2s ease}.btn-rounded{align-items:center;background-color:#585676;border-radius:100%;display:flex;font-weight:700;height:2.5rem;justify-content:center;margin:0 .5rem;width:2.5rem}.active{background-color:#e7e7eb;color:#110e3c}p{color:#ddd;font-size:20px;font-weight:500;padding:2x;text-align:center}p span{font-weight:700}.forecast-container{display:flex;flex-flow:row wrap;gap:1rem;justify-content:space-between;margin:1rem 0}.forecast-card{background-color:#1e213a;color:#fff;flex:1 1 auto;padding:1rem;text-align:center}.forecast-card-temp{align-items:center;display:flex;font-weight:500;gap:10px;justify-content:space-around}.min-temp{color:#a09fb1}.max-temp,.min-temp{font-size:1.25rem}.grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.grid,h2{color:#fff}.h-card{align-items:center;background-color:#1e213a;display:flex;flex:1 1 350px;flex-flow:column nowrap;padding:1rem;text-align:center}.h-title{font-weight:500}.h-body{color:#e7e7eb}.hNumber{margin-bottom:25px;margin-top:0}.h-number{font-size:4rem;font-weight:700}.percentage-bar{display:flex;flex-flow:column nowrap;gap:.25rem;width:100%}.percentage-bar p{display:flex;justify-content:space-between;margin-bottom:0;margin-top:0}.percentage-bar p .fiftyBar,.percentage-bar p .hundredBar,.percentage-bar p .zeroBar{font-weight:700}.percentage-bar progress{align-self:center;height:30px;width:100%}.bar-header{display:flex;flex-flow:row nowrap;font-weight:700;justify-content:space-between}.bar{background-color:#e7e7eb;border-radius:1rem;height:.5rem;overflow:hidden}.footer-container{color:#fff;display:flex;flex-flow:row nowrap;gap:10px;justify-content:center}a{align-self:center;color:#fff;font-weight:700;text-decoration:none}
/*# sourceMappingURL=main.c54b9a41.css.map*/