@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";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,serif;font-weight:300}body{background:url(/Weather-App-using-React/assets/bg2-Cv58y48G.jpg) no-repeat center center fixed;background-size:cover;min-height:100vh;margin:0;padding:0}.app{min-height:100vh;display:grid;place-items:center}.weather{padding:2rem;border-radius:10px;background-image:linear-gradient(45deg,#3d2e0623,#41414100);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.205);display:flex;flex-direction:column;align-items:center;box-shadow:0 0 10px #68696d}.search-bar{display:flex;align-items:center;gap:1rem}.exception{color:#fff}.search-bar input{height:40px;border:none;outline:none;border-radius:40px;padding-left:25px;font-size:16px;color:#626262;background:#ebfffc}.search-bar img{border-radius:50%;width:45px;padding:15px;cursor:pointer;background:#f5d23a;transition:.3s}.search-bar img:hover{background-color:#fff}.weather-icon{width:8rem}.temp{font-size:3em;color:#ebfffc;font-weight:150}.location{font-size:2em;font-weight:300;color:#ebfffc}.country{color:#ebfffc;font-size:20px}.weather-data{display:flex;margin-top:30px;color:#fff;gap:20px;justify-content:space-between}.weather-data .col{display:flex;align-items:flex-start;gap:16px}.col span{font-size:14px}.col p{font-size:18px}.col img{width:2rem;margin-top:5px}.weather-details{opacity:1;transform:translateY(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.weather-details.fade-out{opacity:0;transform:translateY(-20px)}.weather-details.fade-in{opacity:1;transform:translateY(20px)}