*,*:before,*:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}:root{--font-moranga: "Moranga";--font-knicknack: "Knicknack";--color-blue: #17468c;--color-yellow: #fcdf05}#creative{position:relative;width:100vw;height:100vh;background-color:var(--color-blue);text-align:center;overflow:hidden;white-space:nowrap;line-height:1}#creative-content{position:absolute;z-index:50}#suburb,#temperature-label,#temperature-value{position:absolute;left:0;right:0;margin:0 auto}#suburb{color:var(--color-yellow);font-family:var(--font-knicknack);font-weight:500;letter-spacing:3px;text-transform:uppercase}#temperature-label{color:var(--color-yellow);font-family:var(--font-moranga);font-weight:700;letter-spacing:1px}#temperature-value{color:#fff;font-family:var(--font-moranga);font-weight:500;letter-spacing:1px}#headline>div:first-child,#headline>div:last-child{position:absolute;left:0;right:0;margin:0 auto}#headline>div:first-child{font-family:var(--font-moranga);font-weight:500;letter-spacing:2px}#headline>div:last-child{font-family:var(--font-knicknack);font-weight:500;text-transform:uppercase}[data-dimensions="1080x1920"] #creative-content{top:0;right:0;bottom:0;left:0}[data-dimensions="1080x1920"] #suburb-container{width:975px}[data-dimensions="1080x1920"] #suburb{top:53px;font-size:125px}[data-dimensions="1080x1920"] #temperature-label{top:172px;font-size:55px}[data-dimensions="1080x1920"] #temperature-value{top:392px;font-size:77px}[data-dimensions="1080x1920"] #headline{color:var(--color-blue)}[data-dimensions="1080x1920"] #headline[data-hot=false]>div:first-child{top:612px;font-size:100px}[data-dimensions="1080x1920"] #headline[data-hot=false]>div:last-child{top:720px;font-size:104px}[data-dimensions="1080x1920"] #headline[data-hot=true]>div:first-child{top:625px;font-size:85px}[data-dimensions="1080x1920"] #headline[data-hot=true]>div:last-child{top:720px;font-size:90px}[data-dimensions="1920x1080"] #creative-content{top:0;bottom:0;width:1080px}[data-dimensions="1920x1080"] #suburb-container{width:865px}[data-dimensions="1920x1080"] #suburb{top:85px;font-size:125px}[data-dimensions="1920x1080"] #temperature-label{top:216px;font-size:55px}[data-dimensions="1920x1080"] #temperature-value{top:491px;font-size:77px}[data-dimensions="1920x1080"] #headline{color:#fff}[data-dimensions="1920x1080"] #headline[data-hot=false]>div:first-child{top:750px;font-size:100px}[data-dimensions="1920x1080"] #headline[data-hot=false]>div:last-child{top:859px;font-size:104px}[data-dimensions="1920x1080"] #headline[data-hot=true]>div:first-child{top:764px;font-size:85px}[data-dimensions="1920x1080"] #headline[data-hot=true]>div:last-child{top:863px;font-size:90px}