@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap";:root{--generalFont: "DM Sans", sans-serif;--morningBackground: linear-gradient(#5fbacb, #fcd8b9);--afternoonBackground: linear-gradient(#8d667c, #b88193);--nigthBackground: linear-gradient(#20103c, #2f2b59)}*{padding:0;margin:0;box-sizing:border-box;font-family:var(--generalFont)}.morning-background{background:var(--morningBackground)}.afternoon-background{background:var(--afternoonBackground);color:#fff}.night-background{background:var(--nigthBackground);color:#fff}.body-content{min-height:100vh;display:grid;place-items:center;padding:1rem}.content-main-weather{padding:1.5rem;width:fit-content;border-radius:.4rem}.weather-card{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.weather-time{font-size:3.4rem}.weather-temperature{font-size:7.3rem}.weather-svg{width:80%}.weather-location{font-size:1.8rem;font-weight:600;text-align:center}.absolute-text{position:absolute;top:245px;font-size:1.4rem}.content-main-futures{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));place-items:center;width:100%;gap:5rem;margin-top:.6rem}.weathers-futures{display:flex;position:relative;width:100%;max-width:250px;flex-direction:column;align-items:center;gap:10px;padding:3rem .2rem;background:rgba(255,255,255,.473);border-radius:16px;box-shadow:0 4px 2px 4px #0000003d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.futures-svg{position:absolute;top:-70px;width:50%}.futures-day{font-size:2.2rem;font-weight:500}.futures-date{font-size:1.3rem}.futures-temperature{font-size:2.3rem;font-weight:700}.mountain{position:fixed;z-index:-1;margin-bottom:-300px}.input-search{padding:.3rem 2rem;font-size:2.3rem;border:none;border-radius:.5rem;background:#eaeaea;text-align:center;color:#667;width:100%}.weather-values{display:flex;align-items:center;font-size:1.7rem;gap:1rem;justify-content:center}.weather-values p{display:flex;align-items:center;gap:5px}#searchForm{width:100%;max-width:450px;margin:auto}