@import"https://fonts.googleapis.com/css?family=Roboto:500";:root{font-family:Roboto,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#090000de;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:auto;width:70%;min-height:100vh}.App{text-align:center;padding:3rem .2rem .5rem;margin:auto}header{margin-bottom:2rem;padding:0}header p{margin:.2rem 0;font-size:18px}ul{padding:0;list-style:none}input[type=text],input[type=number]{padding:8px 6px 8px 10px;border-radius:10px;outline:none;border:1px solid #ccc;font-size:14px;line-height:20px;align-self:center;height:38px;margin-bottom:20px}label{display:block}.city{width:320px}#city-search{display:flex;flex-direction:column;margin:.1rem auto;position:relative}.suggestions{width:310px;position:absolute;top:45px;z-index:2;align-self:center;margin:0;font-size:14px;box-shadow:10px 10px 16px -12px #000000bf}.suggestions>li{text-align:left;padding:8px 6px 8px 10px;background-color:#eee;cursor:default}.suggestions>li:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.suggestions>li:hover{background-color:#bcdcdb}#event-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:2em;padding:2em .5em;justify-content:center}.event{padding:10px 10px 40px;margin-bottom:10px;text-align:left;border:1px solid #d7d5d5;border-radius:10px;position:relative}.event:nth-child(odd){background-color:#d4d6d7}.event:hover{background-color:#95a6ae}.showDetailsBtn{position:absolute;right:5px;bottom:5px;padding:10px 15px;border-radius:10px;outline:none;cursor:pointer;background-color:#012231;transition:border-color .3s;font-weight:600;color:#fff}.showDetailsBtn:hover{border-color:#000305;background-color:#079ade;color:#000}.alerts-container{position:fixed;top:0;left:20px;width:290px;z-index:1000}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:2em;padding:2em .5em;justify-content:center}@media (prefers-color-scheme: dark){:root{color:#fff}.suggestions>li{background-color:#336372}.suggestions>li:hover{background-color:#dbdede;color:#00060b}.event:nth-child(odd){background-color:#0e3452}.event:hover{background-color:#36424e}.showDetailsBtn{background-color:#2392e6;color:#000;transition:border-color .3s}.showDetailsBtn:hover{border-color:#00060b;background-color:#059ef7}}@media (max-width: 768px){body{width:100%}}