@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";html,body,#app,#app>div{height:100vh}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}body{background-image:linear-gradient(45deg,#000c,#000c),url(/assets/bg1-DszVFPqv.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center;font-family:Poppins,sans-serif;color:#fff}.main-container{display:flex;justify-content:center;align-items:center;height:100vh}.hero-container{width:25rem;height:auto;border-radius:12px;border:1px solid #929292;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding:2rem;gap:.5rem;-webkit-backdrop-filter:blur(10px) saturate(158%);backdrop-filter:blur(10px) saturate(158%);background-color:#2c111842}.title{font-size:30px;padding:15px;text-align:center;font-weight:500}input{width:100%;height:35px;outline:none;border-radius:20px;background:transparent;border:1px white solid;padding:0 20px 0 14px;font-size:15px;color:#fff}input::placeholder{color:#eaeaea;font-size:15px}.search-bar{position:relative}.search-btn{position:absolute;background:transparent;text-decoration:none;outline:none;border:none;right:12px;bottom:1px;cursor:pointer}.weather-card{display:flex;justify-content:center;align-items:center;flex-direction:column}.cityname{font-size:25px;margin:20px 0 0;font-weight:400}.dmy{font-weight:400;font-size:1rem;padding-bottom:1.5rem;text-align:center}.temprature-value{font-size:60px;font-weight:200}.humidity-speed-icon-desc{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:2rem}.humidity-speed{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.humidity{padding-top:1rem}.weather-icon-desc-container{display:inline-flex;justify-content:center;align-items:center}.weather-icon{width:55px}.cloudspercent{font-size:1rem;text-align:center}.daywiseforecast{display:flex;justify-content:center;align-items:center;flex-direction:row;padding:20px 0}.weekly-weather{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 10px;font-size:12px}.weekly-weather p{font-size:.9rem}.week-icon{margin-top:-5px;margin-bottom:-5px}.error-message{color:#fff;font-size:1rem;margin:1rem 0;text-align:center;text-transform:capitalize}