.searchbox{width:100%}.searchForm{height:17vh;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;align-content:first baseline}.searchButton{width:45%;cursor:pointer;transition:all .3s ease}.searchButton:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.searchButton:active{transform:scale(.97)}.searchField{width:90%;border:none;border-radius:8px;font-size:16px;transition:.3s ease}.searchField:focus{transform:scale(1.02)}.weatherApp:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000040}.weatherApp{margin:10px 0;width:100%;padding:10px 20px 20px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:15px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:25px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 15px 40px #0003}@media(max-height:1000){.weather{gap:8}}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;font-family:Arial,sans-serif;display:flex;justify-content:center;overflow-x:hidden;position:relative;background:linear-gradient(-45deg,#4facfe,#00c6ff,#6a11cb,#2575fc);background-size:400% 400%;animation:skyAnimation 15s ease infinite}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:-1}body:before{width:250px;height:250px;background:#ffffff2e;top:8%;right:8%;box-shadow:0 0 60px #ffffff40,0 0 120px #ffffff26;animation:sunAnimation 6s ease-in-out infinite}body:after{width:400px;height:150px;background:#ffffff1a;left:-100px;bottom:10%;border-radius:100px;filter:blur(8px);animation:cloudAnimation 18s linear infinite}@keyframes skyAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes sunAnimation{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}@keyframes cloudAnimation{0%{transform:translate(0)}50%{transform:translate(80vw)}to{transform:translate(0)}}.heading{position:relative;font-size:clamp(1rem,3.5vw,3rem);font-weight:800;text-align:center;letter-spacing:1px;background:linear-gradient(90deg,#fff,#00c6ff,#a78bfa,#fff,#00c6ff);background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:headingGradient 5s linear infinite;cursor:pointer;transition:transform .4s ease,letter-spacing .4s ease,filter .4s ease}.infoheading{font-size:clamp(1rem,2vw,3.5rem)}@keyframes headingGradient{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}.heading:hover{transform:translateY(-4px) scale(1.02);letter-spacing:2px;filter:drop-shadow(0 0 8px rgba(0,198,255,.8)) drop-shadow(0 0 20px rgba(167,139,250,.5))}@media(max-width:480px){.heading{font-size:2rem;letter-spacing:.5px}.heading:hover{transform:translateY(-2px) scale(1.02);letter-spacing:1px}}