@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";*{margin:0;padding:0;overflow-y:hidden;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/weathers.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.9;z-index:-1}.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.background img{width:100%;height:100%;object-fit:cover}.weather{place-self:center;justify-content:center;padding:30px;display:flex;border-radius:30px;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);flex-direction:column;border:4px solid rgb(210,125,231);box-shadow:0 0 30px #0009,0 0 60px #00bfff4d}.search-bar{display:flex;align-items:center;gap:30px}.search-bar input{height:50px;width:20rem;border:none;outline:none;border-radius:40px;border-left:25px;color:#02092b;background:#fff;font-size:25px;font-family:poppins,sans-serif;text-align:center}.search-bar img{width:25px;padding:15px;border-radius:50%;background-color:#e94da5;cursor:pointer}.search-bar img:hover{transform:scale(1.05)}.weather-icon{height:15rem;width:25rem}.weather-data{display:flex;justify-content:space-around}.weather-data .col{display:flex;align-items:flex-start;gap:20px;font-size:22px;height:80px;width:150px;background-color:#df89e7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin-top:30px}.weather-data .col span{font-size:16px;margin-left:10px}.weather-data .col p{font-size:25px;margin-left:10px;margin-top:10px}.weather-data .col img{width:26px;margin-top:20px;margin-left:10px}.temperature{font-size:80px;text-align:center;color:#fff}.location{font-size:50px;text-align:center;color:#41233b}.nav{display:flex}.nav img{height:80px}.nav h1{margin-top:23px;color:beige}.footer h1{font-size:20px;text-align:end;margin-right:30px;color:#1d0217;font-family:initial;margin-bottom:10px}