@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--bg-gradient-light:linear-gradient(135deg,#89f7fe,#66a6ff);--text-primary-light:#1e3a8a;--text-secondary-light:#374151;--card-bg-light:#ffffff4d;--accent-light:#2563eb;--icon-light:#facc15;--bg-gradient-dark:linear-gradient(135deg,#0f2027,#203a43,#2c5364);--text-primary-dark:#e0e7ff;--text-secondary-dark:#a5b4fc;--card-bg-dark:#ffffff14;--accent-dark:#60a5fa;--icon-dark:#fbbf24;--border-radius:20px;--transition:all .3s ease;--shadow:0 4px 20px #0000001a;--font-family:"Poppins",sans-serif}*{box-sizing:border-box;color:var(--text-primary);margin:0;padding:0}body{background:var(--bg-gradient-dark);justify-content:center;margin:1rem;display:flex}@media (max-width:480px){#header{align-items:center;display:flex}.searchContainer{align-items:center;width:100%;height:3rem;display:flex}.searchInp{background-color:var(--night-bg);width:100%;height:3rem;color:var(--text-primary-dark);border:1px solid;border-radius:10rem 0 0 10rem;outline:none;padding-left:1rem;font-size:1rem;transition:all .3s ease-in}.searchInp:focus{color:var(--text-primary-dark);border:1px solid #05c3f7;transform:scale(1)}.searchInp::placeholder{padding-left:1rem;font-size:1rem}.searchBtn{width:20%;height:3rem;color:var(--text-primary-dark);background-color:#0d48a14c;border:1px solid;border-radius:0 1.5rem 1.5rem 0}.searchBtn:hover{cursor:pointer}.container{color:var(--text-primary-dark);font-family:var(--font-family);text-transform:capitalize;background-color:#0d48a14c;border:1px solid #05c3f7;border-radius:1rem;gap:1rem;height:fit-content;margin-top:1rem;padding:1rem}#hero-section{flex-direction:column;align-items:center;display:flex}.hero-container{justify-content:center;align-items:center;width:90vw;display:flex}.hero-sec-div-1{display:flex}.hero-sec-div-1>div{align-items:center;gap:3px;display:flex}.hero-sec-div-1>div>h2{align-items:baseline;font-size:2rem;display:flex}.hero-sec-div-2{flex-direction:column;align-items:center;display:flex}.hero-sec-div-2>h1{font-size:3rem;font-weight:600}.hero-sec-div-2>div>h3{font-size:2rem;font-weight:500}.hero-sec-div-2>img{color:#fff}.hero-sec-div-2>div{flex-direction:column;align-items:center;display:flex}#metric-btn{gap:10px;display:flex}.subcontainer{text-transform:capitalize;cursor:pointer;background-color:#0d48a14c;border:1px solid #05c3f7;border-radius:.3rem;padding:1rem;font-size:1rem;transition:transform .3s}.subcontainer:hover{transform:scale(1.1)}.metrics{flex-flow:column wrap;align-items:center;width:200%;display:flex}.highlights>h2{margin:1rem}.subHighlight{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.timing-container{margin-top:1rem}.timing-container>div{justify-content:space-between;align-items:center;display:flex}.icon{align-items:center;gap:.5rem;display:flex}.timings>h2,.forecastContainer>h2{margin:1rem}.forecast{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.forecast>div p{color:var(--text-secondary-dark);font-size:.7rem}}@media (min-width:481px){.subcontainer{text-transform:capitalize;cursor:pointer;background-color:#0d48a14c;border:1px solid #05c3f7;border-radius:.3rem;padding:1rem;font-size:1rem;transition:transform .3s}.subcontainer:hover{transform:scale(1.02)}#header{align-items:center;display:flex}.searchContainer{width:40vw;height:3rem;margin-left:auto;display:flex}.searchInp{background-color:var(--night-bg);width:100%;height:3rem;color:var(--text-primary-dark);border:1px solid;border-radius:10rem 0 0 10rem;outline:none;padding-left:1rem;font-size:1rem;transition:all .3s ease-in}.searchInp:focus{color:var(--text-primary-dark);border:1px solid #05c3f7;transform:scale(1)}.searchInp::placeholder{flex-wrap:wrap;padding-left:1rem;font-size:1rem}.searchBtn{width:20%;height:3rem;color:var(--text-primary-dark);background-color:#0d48a14c;border:1px solid;border-radius:0 1.5rem 1.5rem 0}.searchBtn:hover{cursor:pointer}.container{color:var(--text-primary-dark);font-family:var(--font-family);text-transform:capitalize;background-color:#0d48a14c;border:1px solid #05c3f7;border-radius:1rem;gap:1rem;height:fit-content;margin-top:1rem;padding:1rem}.loc-and-temp-flex{flex-direction:column;justify-content:space-between;width:100%;display:flex}.f-and-s-wrap{justify-content:space-between;width:100%;display:flex}#hero-section{width:100%;padding:1rem}.hero-container{width:90vw;padding:1rem;display:flex}.hero-sec-div-1{align-items:center;display:flex}.hero-sec-div-1>div{align-items:center;gap:3px;display:flex}.hero-sec-div-1>div>h2{align-items:baseline;font-size:3rem;display:flex}.hero-sec-div-2{flex-direction:column;align-items:center;display:flex}.hero-sec-div-2>h1{font-size:3rem;font-weight:600}.hero-sec-div-2>div>h3{font-size:2rem;font-weight:500}.hero-sec-div-2>img{color:#fff}.hero-sec-div-2>div{flex-direction:column;align-items:center;display:flex}#metric-btn{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;display:grid}.metrics{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.highlights>h2{margin:1rem}.highlight-info{grid-template-columns:1fr;width:100%;display:grid}.subHighlight{flex-direction:column-reverse;width:100%;margin-top:1rem;padding:2rem;display:flex}.subHighlight p{font-size:1rem}.timing-container{margin-top:1rem}.timings{grid-template-columns:1fr;width:100%;display:grid}.timing-container>div{flex-flow:column-reverse wrap;padding:2rem;display:flex}.icon{align-items:center;gap:.5rem;display:flex}.timings>h2{margin:1rem}.forecastContainer{grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;padding:1rem;display:grid}.container>h2{margin:1rem}.forecast{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.forecast>div p{color:var(--text-secondary-dark);font-size:.7rem}}