html{color:#ddd;background-color:#111;height:100%}body{margin:0;padding:0;font-family:sans-serif}*{box-sizing:border-box}[class*=col-]{width:100%}.app{--column-pad:.5em}.buffer,.content-center{display:none}@media only screen and (width>=768px) and (orientation:landscape){.buffer,.content-center{display:inherit}.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{width:33.33%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}}[class*=col-]{float:left;padding:var(--column-pad);border:0 solid red}.row:after{content:"";clear:both;display:table}.header,.footer{justify-self:center}.buffer{height:7rem}.weather{text-align:center}.weather .title{color:#eee;background-color:#333;font-size:2rem;font-weight:700}.weather .subtitle{color:#888;background-color:#333}.temperature{color:inherit}.temperature.header{text-align:center;vertical-align:middle;font-size:4rem}.temperature .unit{color:gray;text-align:left;vertical-align:super;font-size:.5em}.wind{color:#c0a0ff}.humidity{color:#c0ffc0}.rain{color:#c0ffff}.stats{text-align:center;vertical-align:middle;font-size:2rem}.stats table{margin-left:auto;margin-right:auto}.stats .label{color:gray;text-align:left;font-size:1.5rem}.stats .value{text-align:right}.stats .unit{color:gray;text-align:left;vertical-align:middle;font-size:1rem}.clock{text-align:center;font-size:6rem}.clock .time{vertical-align:middle}.clock .ampm{color:gray;font-size:3rem}.clock .date{color:gray;font-size:2.5rem}.clock .dow{font-size:3rem}.flight-conditions{text-align:center}.flight-conditions .title{color:#eee;background-color:#333;font-size:2rem;font-weight:700}.flight-conditions .subtitle{color:#888;background-color:#333}.flight-conditions .summary{font-size:4rem}.flight-conditions .reason{font-size:2rem}.flight-conditions .time{color:gray;font-size:2.5rem}