@charset "UTF-8";h1,h2,h3,h4,h5,h6,header{text-transform:uppercase}.dials .dial .graph,.filled-out,.history-graph .days .day,.home{-webkit-box-orient:vertical}.home,.level,header{align-items:center}.dials .dial .graph,.home,.level,header{-ms-flex-align:center;-webkit-box-align:center}.c,.home ul li{text-align:center}a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{border:0;font:inherit;vertical-align:baseline;margin:0;padding:0}body,h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}html{box-sizing:border-box;-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:inherit}img{box-sizing:content-box}body,html{background:#000;overflow:hidden}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-track{background:rgba(235,235,229,.95)}body{scrollbar-face-color:#000;scrollbar-track-color:rgba(235,235,229,.95);font-weight:400;line-height:1.3;font-size:16px;color:#fff}@media (max-width:850px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-track{background:rgba(235,235,229,.95)}body{scrollbar-face-color:#000;scrollbar-track-color:rgba(235,235,229,.95)}}@media (max-width:400px){::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-track{background:rgba(235,235,229,.95)}body{scrollbar-face-color:#000;scrollbar-track-color:rgba(235,235,229,.95)}}.ratio,.w100{width:100%}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1}h2,h3{font-weight:100}h2{font-size:38px;margin-bottom:.1em}h3{color:#0ebf00;font-size:29px}a{text-decoration:none;color:inherit}sub{font-size:.8em}.quantity{font-weight:900;font-size:72px;color:#fff;line-height:1}.unit{font-weight:300;font-size:49px;line-height:.9}input[type=button],input[type=email],input[type=password],input[type=submit],input[type=text],textarea{background:0 0;border:none;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit}input[type=button],input[type=submit]{cursor:pointer}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;background:0 0;border:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}input:focus::placeholder{color:transparent}@font-face{font-family:'HTNK Heureka';src:url(fonts/HTNKHeurekaBold.woff2)format("woff2"),url(fonts/HTNKHeurekaBold.woff)format("woff");font-weight:700;font-style:normal}@font-face{font-family:'HTNK Heureka Condensed';src:url(fonts/HTNKHeurekaCondensed.woff2)format("woff2"),url(fonts/HTNKHeurekaCondensed.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:'Helvetica Neue LT Std';src:url(fonts/HelveticaNeueLTStd-BdCn.woff2)format("woff2"),url(fonts/HelveticaNeueLTStd-BdCn.woff)format("woff");font-weight:700;font-style:normal}@font-face{font-family:'Helvetica Neue LT Std';src:url(fonts/HelveticaNeueLTStd-MdCnO.woff2)format("woff2"),url(fonts/HelveticaNeueLTStd-MdCnO.woff)format("woff");font-weight:500;font-style:italic}@font-face{font-family:'Helvetica Neue LT Std';src:url(fonts/HelveticaNeueLTStd-MdCn.woff2)format("woff2"),url(fonts/HelveticaNeueLTStd-MdCn.woff)format("woff");font-weight:500;font-style:normal}.pad{padding:10px}.mb05{margin-bottom:.5em}@media (max-width:850px){.s-hide{display:none!important}}@media (max-width:1000px){.m-hide{display:none!important}}.filled-out,.row{display:-ms-flexbox}.filled-out{display:-webkit-box;display:flex;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.filled-out-stretchy{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.has-overflowing-content{position:relative}.has-overflowing-content .overflowing-content{overflow-y:scroll;position:absolute;left:0;top:0;right:0;bottom:0}.space5{height:5px}.space10{height:10px}.filler{height:0!important;border:none!important;opacity:0}.ratio{position:relative}.r1-1{padding-bottom:100%}.r2-1{padding-bottom:50%}.r3-1{padding-bottom:33.33%}.r16-9{padding-bottom:56.25%}.ratio-content{position:absolute;top:0;bottom:0;right:0;left:0}#app,.dials .dial{position:relative}.level{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.level .push-to-end{margin-left:auto}.row{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dials .dial .graph,header{-webkit-box-pack:center;-ms-flex-pack:center}.row,header{display:-webkit-box}.dials,header{display:-ms-flexbox}.row .col.small{width:calc(28% - 6px)}.row .col.wide{width:calc(72% - 6px)}.row .col.c50{width:calc(50% - 6px)}@media (max-width:850px){.row,.row.s-reverse{-webkit-box-orient:vertical}.row{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.row .col{width:100%!important}.row.s-reverse{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.dials .dial .graph,.history-graph .days .day,.home{-ms-flex-direction:column;-webkit-box-direction:normal}.app{max-width:1090px;margin:0 auto;padding:20px}@media (max-width:850px){.app{max-width:600px}}@media (max-width:400px){.app{padding:10px}}#app{width:1920px;height:1080px;background:url(../img/bg.png)left top no-repeat;background-size:cover}header{background:#395a65;color:#172e35;font-size:56px;display:flex;justify-content:center;height:115px}.dials{margin-top:89px;margin-left:146px;display:-webkit-box;display:flex}.dials .dial{width:400px;margin-right:35px}.dials .dial .graph{width:286px;height:286px;position:relative;border:23px solid #1b5365;border-radius:9999px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:45px}.dials .dial .graph .circle{width:286px;height:286px;position:absolute;left:-23px;top:-23px}.dials .dial .trees{position:absolute;bottom:0;right:10px}.tile{position:absolute;bottom:97px}.tile.location{left:146px}.tile.location img{margin-left:12px;margin-bottom:44px}.tile.history{left:633px}.tile.weather{left:1441px}.history-graph{width:630px;height:156px;position:relative;margin-bottom:55px;color:#395a65;border-left:2px solid #395a65;border-bottom:2px solid #395a65}.history-graph .label{position:absolute;left:-45px;top:6px;font-size:16px;font-weight:300}.history-graph .line{border-bottom:1px solid #395a65;position:absolute;width:100%}.history-graph .line.line1{bottom:27px}.history-graph .line.line2{bottom:54px}.history-graph .line.line3{bottom:81px}.history-graph .line.line4{bottom:108px}.history-graph .line.line5{bottom:135px}.history-graph .days{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.history-graph .days .day{width:7px;margin-left:13px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative}.history-graph .days .day .bar{background:linear-gradient(#10be00,#ee6a00)}.history-graph .days .day .day-of-month{font-size:12px;font-weight:3§00;position:absolute;width:40px;text-align:center;bottom:-20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.weather-data{width:350px;height:200px;margin-bottom:25px;position:relative;left:-40px}.weather-data .icon{position:absolute;right:110px;top:-20px}.weather-data .icon img{width:250px;height:250px}.weather-data .temperature{position:absolute;left:250px;bottom:25px;width:150px;display:-webkit-box;display:-ms-flexbox;display:flex}.weather-data .temperature .degrees{font-weight:900;font-size:85px;line-height:85px;letter-spacing:-.05em}.weather-data .temperature .celcius{font-weight:400;font-size:40px;line-height:60px;margin-left:8px}.location .logo-box{position:relative;left:-10px}.location .logo-box img{max-height:200px;max-width:300px}.home{background:url(../img/bg.png)left top no-repeat;background-size:cover;width:100vw;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;flex-direction:column}.home ul li{padding:1em}.home ul li a:hover{text-decoration:underline}