body{background:#f0f4f8;background-attachment:fixed;font-family:Roboto,sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0;position:relative;overflow:hidden}body:after,body:before{content:"";position:absolute;border-radius:50%;filter:blur(70px);z-index:-1;opacity:.75}body:before{width:800px;height:800px;background:radial-gradient(circle,#7dd3fc,#38bdf8);top:-200px;right:-200px;filter:blur(100px)}body:after{width:700px;height:700px;background:radial-gradient(circle,#f9a8d4,#f472b6);bottom:-200px;left:-200px;filter:blur(100px)}.weather-app{background:hsla(0,0%,100%,.25);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);max-width:600px;margin:40px auto;padding:30px;border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.1);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;position:relative}.weather-app:hover{transform:translateY(-10px);box-shadow:0 40px 80px rgba(0,0,0,.15)}header{border-bottom:1px solid hsla(0,0%,100%,.5);padding-bottom:20px}.search-input{background-color:#272142;border:1px solid transparent;color:#272142;font-size:16px;padding:15px 20px;width:70%;border-radius:15px;transition:all .3s ease;box-sizing:border-box}.search-input:focus,.search-input:not(:placeholder-shown){border:1px solid #272142;background-color:rgba(186,230,253,.6)}.search-button{margin-left:10px;font-size:16px;background:linear-gradient(135deg,#f472b6,#38bdf8 80%);color:#fff;border:none;padding:15px 30px;border-radius:15px;cursor:pointer;font-weight:700;transition:opacity .3s ease}.search-button:hover{opacity:.9}.search-input::placeholder{color:#fff}main{padding:30px 0}.current-weather{display:flex;justify-content:space-between;align-items:center}.current-city{font-size:45px;font-weight:900;margin:0;color:#272142}.current-details{color:#272142;font-size:16px;line-height:1.6;font-weight:700}.current-details strong{color:#ec4899}.current-temperature-value{font-size:88px;line-height:88px;font-weight:700;color:#272142}.current-temperature-icon{width:80px;height:80px}.current-temperature-unit{color:#272142;font-weight:700;font-size:28px;margin-top:6x;display:inline-block}.current-temperature{display:flex;flex-direction:row;align-items:center;justify-content:start}.weather-forecast-day{text-align:center;color:#272142;font-size:16px;line-height:20px;margin-bottom:10px}.weather-forecast-icon{width:80px;height:80px;display:block;margin:0 auto}.weather-forecast-temperatures{color:#ec4899;text-align:center;display:flex;justify-content:center;margin-top:10px}.weather-forecast{display:flex;justify-content:space-around;margin-top:30px}.little-temps{padding:0 10px}footer{border-top:1px solid hsla(0,0%,100%,.5);text-align:center;padding:10px 0 0;font-size:14px;color:#272142}footer a,footer strong{color:#ec4899;text-decoration:none;text-decoration:underline;text-underline-offset:1px;text-decoration-thickness:1px;text-decoration-color:#ec4899}@media (max-width:600px){.weather-app{margin:10px;padding:20px}.current-weather{flex-direction:column;text-align:center}.search-input{width:100%;margin-bottom:10px}.search-button{width:100%;margin-left:0}.current-city{font-size:32px}.current-temperature-value{font-size:60px}}
/*# sourceMappingURL=/styles.cdcd124c.css.map */