@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{height:100vh;width:100vw;margin:0;padding:0;font-family:Poppins,serif}.main{height:100vh;width:100vw;background-color:#e4b1f0;margin:0;display:flex;justify-content:center;align-items:center}.weather-container{width:500px;background-color:#7e60bf;border-radius:30px;margin:0;display:flex;flex-direction:column;box-shadow:#f02eaa66 5px 5px,#8506934d 10px 10px,#a125aef4 15px 15px,#f02eaa1a 20px 20px,#f02eaa0d 25px 25px}.input-container{display:flex;justify-content:center;padding-top:40px;gap:10px;padding-bottom:20px}.input{display:flex;justify-content:center;align-items:center;width:fit-content}.search{display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:50%}.input input{height:50px;border-radius:30px;width:60%;border:none;padding-left:10px;font-size:large;flex-grow:1;outline:none}.search img{padding:15px;cursor:pointer}.weather-image{display:flex;justify-content:center;padding-top:50px;padding-bottom:10px}.temperature{font-size:large;display:flex;justify-content:center;margin:0}.temperature h1{margin:0;font-weight:500;color:#fff;font-size:70px}.location{display:flex;justify-content:center;margin:0}.location h1{margin:-15px 0 0;font-weight:400;color:#fff;font-size:50px;padding-bottom:10px}.humidity{display:flex;align-items:center;gap:10px;padding-left:30px}.humidity-description h3{margin:0;color:#fff;font-weight:400}.wind-speed{display:flex;align-items:center;gap:10px;padding-right:30px}.wind-description h3{margin:0;color:#fff;font-weight:400}.coords{display:flex;justify-content:space-between;padding-bottom:40px}