body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-color:#0a0f1c;--text-color:#0fc;--accent-color:#00ffc3;--accent-light:#00ffc30d;--scroll-thumb:#00ffc360;--grid-color:#00ffc31a}body{background-color:#0a0f1c;background-color:var(--bg-color);color:#0fc;color:var(--text-color);font-family:Courier New,monospace;margin:0}body.light{--bg-color:#f5f5f5;--text-color:#003b3b;--accent-color:#00ffc3;--accent-light:#00ffc34d;--scroll-thumb:#00ffc360;--grid-color:#00ffc34d}.App{align-items:center;display:flex;flex-direction:column;padding:2rem}h1,h2{color:#00ffc3;color:var(--accent-color)}section{margin:1.5rem 0}h1,h2,h3{margin-bottom:1rem}button,input{margin:.5rem}ul{list-style-type:none;padding-left:0}li{margin:5px 0}.city-search-section{margin-bottom:2rem;max-width:700px}.city-search-section,.metrics-panel-section{border:1px solid #00ffc3;border:1px solid var(--accent-color);border-radius:8px;padding:1.5rem;width:100%}.metrics-panel-section{max-width:1000px}.scroll-container{background-color:#00ffc30d;background-color:var(--accent-light);border:1px solid #00ffc3;border:1px solid var(--accent-color);border-radius:6px;margin:1rem auto;max-height:300px;overflow-y:auto;padding:.5rem 1rem;width:fit-content}.scroll-container::-webkit-scrollbar{width:6px}.scroll-container::-webkit-scrollbar-thumb{background-color:#00ffc360;background-color:var(--scroll-thumb);border-radius:3px}.scroll-container::-webkit-scrollbar-track{background:#0000}.scroll-container{scrollbar-color:#00ffc360 #0000;scrollbar-color:var(--scroll-thumb) #0000;scrollbar-width:thin}.search-form-container{align-items:center;display:flex;justify-content:center}.search-form{flex-direction:column;gap:1rem;margin-bottom:2rem}.form-row,.search-form{align-items:center;display:flex}.form-row{gap:.5rem;justify-content:center}.search-form label{align-items:center;display:flex;margin-right:1rem}.search-form input{margin-left:.5rem}.search-form input[type=text]{width:200px}.search-form input[type=number]{width:100px}.city-button-panel{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1rem}.city-button-panel button{background-color:var(--accent-color);border:none;border-radius:4px;color:var(--bg-color);cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:transform .1s ease,box-shadow .2s}.city-button-panel button:hover{box-shadow:0 0 6px var(--accent-color);transform:translateY(-2px)}
/*# sourceMappingURL=main.80c44e9d.css.map*/