*{margin:0;padding:0;box-sizing:border-box}.container{width:100%;height:100vh;background-color:#7c98e1}.weather{position:relative;top:15%;width:380px;padding:30px;border-radius:10px;margin:auto;text-align:center;color:#fff;background:linear-gradient(130deg,#ba56eb,#0505c7)}.search{display:flex;align-items:center;justify-content:space-between}.search input{border:none;outline:0;padding:12px 25px;font-size:18px;background-color:#deedf3;color:#000;border-radius:30px;flex:1;margin-right:12px}.search button{border:none;outline:0;width:50px;height:50px;border-radius:50%;cursor:pointer}.search button img{width:20px}.winfo .icon{margin-top:20px;width:170px}.winfo h1{font-size:60px;font-weight:500;margin:10px 0 20px}.winfo h2{font-size:60px;font-weight:400;margin-top:-20px}.details{display:flex;align-items:center;justify-content:space-between;padding:0 15px;margin-top:50px}.details .col{display:flex;align-items:center;text-align:left}.details .col img{width:45px;margin-right:10px}.humidity,.wind{font-size:27px}.humidity p,.wind p{margin:0;font-size:20px}