@import"https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap";*{box-sizing:border-box;padding:0;margin:0}:root{font-family:Onest,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-image:url(https://cdn.dribbble.com/userupload/6563439/file/original-85e79453fc9d0ef223353729e96d6777.jpeg?resize=1504x2005&vertical=center);background-size:cover;background-position:center;color:#fff}.mainContainer{display:grid;grid-template-columns:1.4fr 1.6fr;min-height:100vh;min-width:100vw}.conteudo-frontal{position:relative;z-index:2}.weatherInfo{background:#1e1e2e;background:linear-gradient(266deg,#1e1e2e00,#1e1e2e);display:flex;flex-direction:column;gap:20px}.weatherCityTemp{display:flex}:root{--blur-amount: 12px;--blur-fade-start: 0%;--blur-fade-end: 80%}.progressive-blur-container{position:relative;width:70vw;max-width:800px;overflow:hidden}.progressive-blur-container img{display:block;width:100%;height:auto}.progressive-blur-container:after{content:"";position:absolute;inset:0;backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));mask-image:linear-gradient(to right,black var(--blur-fade-start),transparent var(--blur-fade-end));-webkit-mask-image:linear-gradient(to right,black var(--blur-fade-start),transparent var(--blur-fade-end))}