@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.app{min-height:100vh;display:grid;place-items:center;background:#1e202a}.weather{place-self:center;padding:40px 30px;border-radius:10px;background-image:linear-gradient(45deg,#25274d,#464866);display:flex;flex-direction:column;align-items:center;min-width:320px}.search-bar{display:flex;align-items:center;gap:12px;margin-bottom:24px}.search-bar input{height:40px;border:none;outline:none;border-radius:40px;padding-left:16px;color:#fff;background:#2e2e38;font-size:18px}.search-bar img{width:40px;padding:8px;border-radius:50%;background:#f5ba13;cursor:pointer}.weather-icon{width:120px;margin:16px 0 8px}.temperature{font-size:48px;font-weight:600;color:#fff;margin:0}.city{font-size:24px;color:#fff;margin-bottom:20px}.details{display:flex;gap:32px;margin-top:16px}.col{display:flex;align-items:center;gap:10px}.col img{width:36px}.col p{color:#fff;margin:0;font-size:16px}