#logo{border-radius:10px;height:6vh}#parent{flex-direction:column;justify-content:center;align-items:center;display:flex}.header{justify-content:space-between;align-items:center;width:90%;padding-top:15px;padding-left:20px;padding-right:20px;display:flex}.intro-box{justify-content:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:22px;display:flex}#intro{color:#fff}.history-icon{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;transition:transform .25s,background .25s,box-shadow .25s;display:flex;box-shadow:0 8px 24px #0000001f,inset 0 1px 1px #ffffff14}.history-icon:hover{background:#ffffff2e;transform:translateY(-3px);box-shadow:0 12px 28px #0000002e,inset 0 1px 1px #ffffff1f}.history-icon:active{transform:scale(.94)}#box{text-align:center;padding:35px}.invalid-input{color:#f33;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.search-box{box-shadow:#5b8cff24;border-radius:20px;justify-content:center;gap:30px;padding:3px;display:flex}#input{color:#000;border:none;border-radius:10px;outline:none;width:300px;height:2vh;padding:12px 20px}#search{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;transition:all .25s;display:flex}#search:hover{transform:translateY(-4px)}#empty{color:#fff}#search-btn{display:none}@media (width<=768px){.history-icon{display:none}#search-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;transition:all .25s;display:flex}#search-btn:active{transform:scale(.96)}#search-btn:hover{background:#ffffff2e;transform:scale(1.06)}.search-box,#intro{display:none}#input{border-radius:10px;width:100%}#search{width:60px}}#name{color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px}#temp{color:#fff;font-family:Inter,sans-serif;font-size:46px;font-weight:700}#humidity,#precipitation,#wind-speed{color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px}#cards{-webkit-backdrop-filter:blur(25px);background:linear-gradient(145deg,#ffffff14,#ffffff05);border-radius:25px;flex-direction:column;justify-content:space-between;align-items:center;width:100px;padding:20px;transition:all .3s;display:flex;box-shadow:0 10px 40px #0009,inset 0 1px #ffffff1a}#cards:hover{transform:translateY(-5px)}.wrapper{z-index:2;border:1px solid #000;position:relative}.card-section{justify-content:center;gap:12px;width:100%;display:flex}#wind{color:#fff9;height:4vh}#feels-like,#mask{height:3.4vh}#temp-img{font-size:20px}#img{height:12vh;animation:3s ease-in-out infinite float}.img-section{justify-content:center;align-items:center;display:flex}.upper-container{justify-content:space-between;width:100%;display:flex}.container-parent{background:#ffffff0d;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:45px;padding:40px;transition:all .3s;display:flex}.info-section{flex-direction:column;gap:2px;display:flex}.empty-state{flex-direction:column;justify-content:center;align-items:center;animation:3s ease-in-out infinite float;display:flex}#main-img{font-size:40px;animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media (width<=768px){.container-parent{background-color:#0000}#min-max{justify-content:center;display:flex}#cards{display:none}.info-section{gap:10px;width:100%;display:flex}#temp{justify-content:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:66px;display:flex}#name{justify-content:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:23px;font-weight:600;display:flex}#condition{color:#fff;justify-content:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:18px;display:flex}#main-img{display:none}#min-max{color:#fff}}.box{text-align:center;border-radius:15px;flex-direction:row;justify-content:space-between;align-items:center;padding:15px;transition:all .3s;display:flex}.box:hover{background:linear-gradient(145deg,#ffffff14,#ffffff05)}.forecast-container{background:#ffffff0d;border-radius:15px;gap:10px;padding:20px}#text{color:#fff}#icon{color:#e9e9e9}#day,#daily-temp{color:#fff}.heading{justify-content:center;width:100%;display:flex}.section-1{color:red;justify-content:space-between;align-items:center;width:70px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex}.section-2{align-items:center;gap:10px;width:70px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex}#forecast-info{justify-content:space-between;gap:20px;width:100%;padding:10px;display:flex}#text{display:none}@media (width<=786px){.box,.forecast-parent{justify-content:center;display:flex}.forecast-container{flex-direction:column;justify-content:center;align-items:center;width:80%;display:flex}#day{width:40px}#text{display:block}.section-1{flex-direction:row;justify-content:start;gap:10px;width:180px;display:flex}.section-2{flex-direction:row;justify-content:space-between;width:80px;display:flex}}.seperation{text-align:center;color:#282e33}#footer-temp,#footer-uv,#footer-humidity,#aqi,.aqi-box,.more-info{display:none}.intro{width:100%;padding-left:50px}#footer-parent{border-radius:15px;margin-top:10vh;padding:20px}#chart-box{overflow:auto hidden}#chart-box:focus,#chart-box:active,#chart-box :focus{outline:none}#chart-parent{background:#ffffff0d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:15px;display:flex}@media (width<=768px){#chart-box{-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;width:100%;overflow:auto hidden}#chart-box::-webkit-scrollbar{display:none}.card,.aqi-box{background:#ffffff0d;border-radius:20px;flex-direction:column;gap:10px;width:50%;padding:30px;display:flex}#footer-temp,#footer-uv,#footer-humidity{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:block}.more-info{color:#fff;border-radius:20px;justify-content:center;gap:10px;margin-top:7vh;display:flex}#aqi{color:#fff;font-size:12px;display:block}#precipitation,#footer-humidity,#footer-feels-like{font-size:12px}}#footer-uv{font-size:12px}.seperation{border:1px solid #b6adad}#box-2{display:none}#parent-2{background-color:#fff;flex-direction:column;align-items:center;gap:50px;min-height:100vh;padding:20px;display:flex}.error-box-2{text-align:center}#p{color:#000}#temp-2{font-size:25px}.loader{text-align:center;color:#000;border:4px solid #fff3;border-top-color:#000;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loader-state{justify-content:center;display:flex}.container-parent-2{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.container{border-radius:20px;justify-content:space-between;gap:3px;width:50%;height:60px;padding:10px;display:flex}.sec-1{flex-direction:column;justify-content:center;width:fit-content;display:flex}.sec-2{justify-content:center;align-items:center;gap:10px;width:fit-content;display:flex}#intro-2{text-align:center;color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:28px}#return-svg{cursor:pointer}#return-svg:hover{transform:scale(1.1)}.content-box{width:100%}#delete-btn{cursor:pointer;color:#dbd9d9;width:fit-content;height:16px;padding:.5rem;transition:all .1s}#delete-btn:hover{color:#e53e3e;transform:scale(1.1)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){#intro-2{display:none}.error-box-2{margin-top:25px}.container{width:90%}#box-2{display:block}#search-box-2{border-radius:20px;justify-content:center;gap:30px;padding:4px;display:flex;box-shadow:0 0 40px #3b82f633}#input-2{color:#000;border:none;border-radius:15px;outline:none;width:100%;padding:12px 20px}#search-2{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border:1px solid #4242422e;border-radius:50%;justify-content:center;align-items:center;width:67px;height:42px;font-size:1.1rem;transition:all .25s;display:flex}#search-2:hover{transform:translateY(-4px)}}body{color:#fff;background:radial-gradient(circle,#161617 0%,#121212 25%,#0f0f0f 45%,#0e0e0f 65%,#0d0d0d 80%,#101012 100%);margin:0;font-family:system-ui}.wrapper{min-height:100vh;position:relative;overflow:hidden}.stars{pointer-events:none;z-index:0;position:absolute;inset:0}.wrapper>:not(.stars){z-index:1;position:relative}.stars span{opacity:.6;background:#fff;border-radius:50%;width:3px;height:3px;animation:2.5s ease-in-out infinite pulse;position:absolute}.stars span:first-child{top:12%;left:18%}.stars span:nth-child(2){top:28%;left:75%}.stars span:nth-child(3){top:65%;left:52%}.stars span:nth-child(4){top:8%;left:88%}.stars span:nth-child(5){top:72%;left:22%}.stars span:nth-child(6){top:60%;left:65%}.stars span:nth-child(7){top:35%;left:30%}.stars span:nth-child(8){top:82%;left:78%}.stars span:nth-child(9){top:48%;left:85%}.stars span:nth-child(10){top:50%;left:10%}.stars span:nth-child(11){top:90%;left:40%}.stars span:nth-child(12){top:65%;left:5%}.stars span:nth-child(3),.stars span:nth-child(7),.stars span:nth-child(10),.stars span:nth-child(2),.stars span:nth-child(6){width:2px;height:2px}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(2.2)}}.parent{justify-content:center;gap:80px;display:flex}@media (width<=1040px){.parent{flex-direction:column;justify-content:center;display:flex}}