:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;scroll-behavior:smooth;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;box-sizing:border-box;width:100vw;min-height:100vh}.main-container{height:100vh;width:100%;max-width:2100px;margin:0 auto;overflow:hidden}.home{position:relative;display:flex;flex-direction:column;align-items:center;height:100vh;width:100%;max-width:2100px;margin:0 auto;overflow:hidden;background-color:#242424;color:#fff;font-family:Inter,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/assets/home-bg-CtDdpRs8.webp);background-size:cover;background-repeat:no-repeat;background-position:center}.title{display:flex;align-items:center;justify-content:center;justify-self:center;width:100vw;font-size:6rem;font-weight:900;margin:10% auto;color:#f7f7f7a0;-webkit-text-stroke:#99a418 .5px;padding:0}.tree-div{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;margin:0 auto;z-index:1}.tree{height:100%;width:100%;max-width:2300px;object-fit:cover;opacity:.3;margin:0 auto;transition:all .3s ease}.tree:hover{opacity:.8;cursor:pointer}.hoverArea:active{transform:scale(1.02);opacity:.5;transition:all .1s ease}#chatInput:focus{outline:none;background-color:#f2eb13d3}.header-container{top:0%}#chatInput::-webkit-scrollbar{width:4px}#chatInput::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #808080a5;border-radius:4px}#chatInput::-webkit-scrollbar-thumb{background:#7a7a7a;border-radius:4px}.chatLogContainer::-webkit-scrollbar{width:4px}.chatLogContainer::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #808080a5;border-radius:4px}.chatLogContainer::-webkit-scrollbar-thumb{background:#7a7a7a;border-radius:4px}.chatLogContainer::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;background-color:#7a9084d8}.loader{border:5px solid #f3f3f345;border-top:5px solid #01110b;border-radius:50%;width:80px;height:80px;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:50px;width:100vw;min-height:100vh;background-color:#242424;overflow-x:hidden;font-family:Inter,sans-serif;font-size:1.5rem;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}#about{margin-top:10%;font-size:2rem;text-decoration:underline;font-weight:600}.about-text{display:flex;flex-direction:column;align-items:center;width:800px;max-width:1000px;min-height:500px;margin:0 auto;justify-content:space-between;font-size:19px}footer{font-size:1rem;width:100vw;text-align:center}.modal-container{position:fixed;top:15%;right:5%;width:300px;display:flex;justify-content:center;align-items:center;background-color:#0000003f;z-index:100;border-radius:10px;transition:all .3s ease}.typing{position:relative}.typing span{content:"";animation:blink 1.5s infinite;animation-fill-mode:both;height:10px;width:10px;background:#3b9876;position:absolute;left:0;top:0;border-radius:50%}.typing span:nth-child(2){animation-delay:.2s;margin-left:15px}.typing span:nth-child(3){animation-delay:.4s;margin-left:30px}@keyframes blink{0%{opacity:.1}20%{opacity:1}to{opacity:.1}}#send-icon{color:#b1bfae7d;background-color:#378add1c}#send-icon:hover{color:#f5f5f5d3}@media (max-width: 1800px){.title{font-size:4rem}}@media (max-width: 1000px){.title{font-size:2.5rem}.chat-window{width:20vw}#about{font-size:1.3rem;margin-top:20%;font-weight:500}.about-text{width:85%;max-width:1000px;font-size:15px}footer{font-size:.8rem}}@media (max-width: 800px){.title{font-size:2rem;display:block;text-align:center}}.navigation-container{position:absolute;top:0%;left:0%;width:100%;display:flex;align-items:center;z-index:100;padding:10px 20px}.navigation-container a{margin:20px 0 0 20px;padding:5px 10px;text-decoration:none;color:#fff;font-size:1.3rem;font-weight:500;transition:color .3s ease}.navigation-container a:hover{background-color:#3334323f}.dropdown-container{margin:20px 0 0 20px;position:relative;z-index:110}.dropdown{position:absolute;top:0%;left:0%;width:200px;padding:30px 0;transition:all .3s ease;opacity:0;transform:translateY(50%);display:flex;flex-direction:column;gap:20px}.dropdown li{width:100%;list-style:none;margin:15px 0}@media (max-width: 800px){.navigation-container{position:absolute;left:0%;top:0%;display:flex;align-items:center;justify-content:center;gap:2rem;width:fit-content}.navigation-container a{font-size:1rem;margin:0}.dropdown-container{margin:0}.dropdown{background-color:#0d0e0dd4;padding:10px 0;gap:5px;width:102vw;height:200px;top:5vh;left:-200%;text-align:center;justify-content:center}}.location-aqi-container{position:absolute;height:90px;top:2%;right:5%;padding:0 20px;border-radius:10px;display:flex;justify-content:center;align-items:center;background-color:#00000014;gap:15px;z-index:111;transition:all 3s ease}.name-container{display:flex;flex-direction:column;align-items:flex-start}.city-name{font-size:1.1rem;font-weight:200}.number-container{display:flex;justify-content:center;align-items:center;opacity:.8}.aqi{font-size:3rem;font-weight:800;padding:0 10px}.implications{position:absolute;top:102%;background-color:#02172948;padding:0 10px;font-size:15px;border-radius:10px}@media (max-width: 800px){.location-aqi-container{top:83%;right:1%;height:45px}.city-name{font-size:.8rem}.aqi{font-size:1.3rem}.aq-title{font-size:.9rem}.name-container{flex-direction:row;gap:10px;align-items:center}.implications{top:-200%;background-color:#021729b7;font-size:14px;padding:0 10px}}.aq-container{position:relative;width:100vw;height:100vh;max-width:2100px;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:10%;overflow-x:hidden;background-color:#045a7c91;background-image:url(/assets/topography-DnJIAfYv.svg);background-position:center;object-fit:cover}.back-link{position:absolute;top:2%;left:2%;font-size:18px;padding:8px 10px;margin:10px;border:none;border-radius:10px;background-color:#00000068;cursor:pointer;outline:none;color:#fff}.aq-search-container{position:relative;display:flex;flex-direction:column;align-items:center}.aq-form{display:flex;align-items:center;justify-content:center;margin:10px;padding:10px}button{position:absolute;font-size:18px;right:2%;padding:15px;margin:10px;border:none;border-end-end-radius:10px;border-top-right-radius:10px;background-color:#00000042;cursor:pointer;outline:none;transition:all .3s}button:hover{background-color:#000}.form-input{width:400px;padding:15px;border:none;border-radius:10px;font-size:18px;outline:1px solid rgba(0,0,0,.288);background-color:#0000001b;box-shadow:0 10px 10px 5px #00000049}input::placeholder{color:#f8f8f866}.form-input:focus{border:none}.results-container{position:relative;width:80%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.qa-card{width:400px;display:flex;flex-direction:column;justify-content:center;margin:10px;padding:10px 25px;border-radius:10px;background-color:#0000001b;box-shadow:0 10px 10px 5px #00000049}span{font-size:20px;font-weight:700;color:#fff}.pollutant-card{display:flex;flex-direction:column;justify-content:center;border-radius:10px;margin:10px;padding:10px 25px;width:400px;background-color:#857e046c;box-shadow:0 10px 10px 5px #00000049}@media (max-width: 800px){.form-input{width:300px;padding:10px 15px;font-size:15px}button{position:absolute;font-size:15px;right:2%;padding:10px;margin:10px}.results-container{width:100%}.qa-card,.pollutant-card{width:80%}}