.card button:hover,.container{background-color:#555}.card,.card .info,.card .search,.container,.extra-info{display:flex;display:flex}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.container{width:100%;min-height:100vh;align-items:center;flex-direction:column;color:#fff}.container .Heading{font-size:2.5rem;color:#fff;margin:20px 0}.card{width:clamp(300px,80vw,500px);padding:4% 20px;flex-direction:column;align-items:center;border-radius:1rem;background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0 0,#c850c0 46%,#ffcc70 100%);box-shadow:rgba(0,0,0,.17) 0 -23px 25px 0 inset,rgba(0,0,0,.15) 0 -36px 30px 0 inset,rgba(0,0,0,.1) 0 -79px 40px 0 inset,rgba(0,0,0,.06) 0 2px 1px,rgba(0,0,0,.09) 0 4px 2px,rgba(0,0,0,.09) 0 8px 4px,rgba(0,0,0,.09) 0 16px 8px,rgba(0,0,0,.09) 0 32px 16px}.card .search{width:100%;justify-content:center;align-items:center;border-radius:5px;margin-bottom:20px}.card .search input{width:100%;padding:10px;border:none;border-top-left-radius:5px;border-bottom-left-radius:5px;outline:0;font-size:16px;accent-color:#333}.card button{padding:13px;background-color:#333;color:#fff;border:none;border-top-right-radius:5px;border-bottom-right-radius:5px;cursor:pointer}.card .info{justify-content:center;align-items:center;flex-direction:column}.card .info h1{font-size:48px;margin-bottom:10px}.card .weather-icon{width:150px;height:150px}.extra-info{justify-content:space-between;align-items:center;width:100%;gap:20px;margin-top:40px}.extra-info h3{font-size:10px;font-weight:lighter}.extra-info .humidity-per,.extra-info .wind-speed{font-size:clamp(14px, 4vw, 30px);font-weight:700}.extra-info .icon{width:40px;height:40px;margin-right:10px}.extra-info .left-col,.extra-info .right-col{display:flex;font-size:12px;display:flex;justify-content:center;align-items:center}.weather-info{width:100%;display:none}.err{color:red;font-size:16px;display:none}