*{box-sizing:border-box}body{align-items:center;background-color:#fff;color:#fff;display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-size:18px;font-weight:300;height:100vh;justify-content:center;margin:0;overflow-x:hidden;transition:background-color .24s linear;width:100vw}body.temperature-freezing{background-color:#a7d7f2}body.temperature-cold{background-color:#3498db}body.temperature-medium{background-color:#f1c40f}body.temperature-warm{background-color:#e67e22}body.temperature-hot{background-color:#e74c3c}main{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:16vh}main div{font-size:48px;margin:24px;text-align:center}main div:first-of-type{font-size:120px;grid-column:1/-1}main div:last-of-type{font-size:16px;grid-column:1/-1}main div span{display:block}main div span.data{font-family:Raleway,sans-serif;font-weight:200}main div span.label{color:hsla(0,0%,100%,.7);font-size:18px}footer{bottom:0;color:hsla(0,0%,100%,.7);font-size:14px;letter-spacing:.03em;margin:12px 24px;position:fixed}a{color:#fff}#chart{display:flex;flex-direction:column}#chart p{text-align:center}#chart a,#chart h1{color:#000}#chart h1{text-align:center}.chart__container{height:80vh;width:80vw}