@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:#1e1e1e;color:#171717}.container{background-color:#fff;color:#171717;padding:2rem;width:40%;margin:4rem auto;border-radius:10px}.weather-header{display:flex;justify-content:space-between;align-items:center}input{border:none;background:#1e1e1e;color:#fff;outline:none;padding:.5rem 2.5rem;border-radius:5px;box-shadow:#64646f33 0 7px 29px}input::placeholder{color:#f7f7f7}.weather-search{position:relative}.weather-search .searchIcon{position:absolute;left:10px;top:10px;font-size:15px;color:#fff}.weather-city{text-transform:capitalize}.weather-units{font-size:1.5rem}.weather-units span{cursor:pointer}.weather-units span:first-child{margin-right:.5rem}.weather-body{text-align:center;margin-top:3rem}.weather-datetime{margin-bottom:2rem;font-size:14px}.weather-forecast{background:#1e1e1e;color:#fff;display:inline-block;padding:.5rem 1rem;border-radius:30px;margin-top:1rem}.weather-icon{width:100px;filter:drop-shadow(2px 4px 6px black);-webkit-filter:drop-shadow(2px 4px 6px black)}.weather-temperature{font-size:1.75rem}.weather-minmax{display:flex;justify-content:center}.weather-minmax p{font-size:14px;margin:.5rem}.weather-info{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;margin-top:3rem}.weather-card{display:flex;align-items:center;background:#1e1e1e;background-color:#f7f7f7;color:#000;padding:1rem;border-radius:10px;box-shadow:#64646f33 0 7px 29px}.weather-card .icons{font-size:1.5rem;margin-right:1rem}.weather-card p{font-size:14px}@media (max-width: 936px){.container{width:90%}.weather-header{flex-direction:column}.weather-units{margin-top:1rem}}@media (max-width: 400px){.weather-info{grid-template-columns:none}}