@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}button{background-color:#1e1e1e;padding-left:10px;padding-right:10px;border:none;color:#fff}.container{background:#171717;color:#fff;padding:2rem;width:40%;margin:4rem auto;border-radius:10px}.weather__header{display:flex;justify-content:center}input{border:none;background:#1e1e1e;outline:none;color:#fff;padding:.5rem 2.5rem;border-radius:5px}input::placeholder{color:#fff}.weather__search{position:relative;background-color:#1e1e1e}.weather__search i{position:absolute;left:10px;top:10px;font-size:15px;color:#fff}.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;display:inline-block;padding:.5rem 1rem;border-radius:30px}.weather__icon img{width:100px}.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;padding:1rem;border-radius:10px}.weather__card i{font-size:1.5rem;margin-right:1rem}.weather__card p{font-size:14px}.icon__data{margin-left:10px}@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}}