@import"https://fonts.googleapis.com/css?family=Roboto:500";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap";.App{text-align:center;padding:2% 5%}.App *{box-sizing:border-box}ul{padding:0;list-style:none}p{margin:5px 0}input[type=text],input[type=number]{padding:8px 6px 8px 10px;border-radius:4px;outline:none;border:1px solid #ccc;font-size:14px;line-height:20px;align-self:center;height:38px;margin-bottom:20px}.city{width:250px}#city-search{display:flex;flex-direction:column;margin:auto;position:relative}.suggestions{width:250px;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{padding:10px 10px 35px;margin-bottom:10px;text-align:left;border:1px solid #ccc;border-radius:4px;position:relative}.details-btn{position:absolute;right:5px;bottom:5px;padding:5px 8px;border-radius:4px;outline:none;cursor:pointer}.alerts-container{position:fixed;top:0;left:20px;width:250px;z-index:1000}.charts-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;overflow:visible}@media (max-width: 768px){.charts-container{grid-template-columns:1fr}}.back-button{background-color:#8884d8;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;margin:1rem}.back-button:hover{background-color:#555}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;background-color:#f7f7f7;color:#333;margin:0}#root{width:100%;max-width:1200px;margin:0 auto;padding:20px}.App{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;padding:20px}input[type=text],input[type=number]{padding:8px;border-radius:4px;border:1px solid #ccc;margin-bottom:15px;width:100%;max-width:300px}#event-list{background-color:#fff8e7;border-radius:8px;padding:10px;margin-bottom:20px}.event{background-color:#fff;border:1px solid #ccc;border-radius:8px;margin-bottom:15px;padding:15px;box-shadow:0 1px 5px #0000001a}button{background-color:#8884d8;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#1665c1}.suggestions{width:100%;max-width:300px;background-color:#fff;border:1px solid #ccc;border-radius:4px;margin-top:5px;list-style:none;padding:0}.suggestions>li{padding:8px;cursor:pointer}.suggestions>li:hover{background-color:#e0f7fa}.alert{padding:10px;margin-bottom:15px;border-radius:4px}.alert--success{background-color:#d4edda;color:#155724}.alert--error{background-color:#f8d7da;color:#721c24}html{scroll-behavior:smooth}