.container{text-align:center;font-family:poppins}.bu1{width:0%;height:0%;padding:0;cursor:pointer;margin-left:3px;border:0px solid rgb(0,0,0)}.wrapper{width:90%;max-width:470px;padding:30px 40px;background:linear-gradient(170deg,#18d4ab 30%,#40aae2f1 110%);text-align:center;margin:60px auto 0;border-radius:20px}.search{width:100%;display:flex;align-items:center;justify-content:center}.search input{border:.1px solid rgb(36,218,224);border-radius:15px;padding:5px;background:linear-gradient(110deg,#6ff0c1 20%,#6ac1f0 120%);flex:1;font-size:18px}.weathericon{width:150px;margin-top:50px;margin-bottom:0%}.weather h1{margin-top:25px;font-size:100px;font-weight:400;margin-bottom:5px;font-family:poppins}.weather h2{font-size:40px;font-weight:400;margin-top:-15px}.details{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-top:140px}.temp{color:#dcfaf8}.city{color:#0f0f0f92}.col{display:flex;align-items:center;text-align:center}.details .col p{margin:5px 0}.col img{width:40px;height:40px;margin-right:10px}.rain{width:50px}.humidity,.wind{font-size:20px;font-weight:300;color:azure}