html,body{margin:0;height:100%}body{display:flex;flex-flow:column nowrap}*{box-sizing:border-box;font-size:4vh}header{height:10vh;margin-bottom:auto;text-align:center;background:gray;display:flex;flex-flow:row wrap;justify-content:center;align-items:center}header div{font-family:cursive}main{width:100vw;height:85vh;margin:auto;background:white;display:flex;flex-flow:column nowrap}footer{height:5vh;margin-top:auto;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;background:gray}footer #version{font-size:2vh;text-align:center}@media (orientation: landscape){main{width:75vh}}#site-logo{height:10vh;display:flex}#site-logo img{height:100%}#site-logo div{margin:auto}#calculator{height:75vh;display:grid;border:solid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(7,1fr)}#calculator .calcKey{border:thin solid #aaa;border-radius:1vh;text-align:center;display:flex;align-items:center;justify-content:center;margin:1vh}#calculator #stack-curOp{background:#ccc;grid-column:1/5;display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center}#calculator #stack-curOp #display-val{text-align:right;flex:1 1 auto;overflow-x:scroll}#calculator #stack-curOp #display-opr{flex:0 1 auto;padding:0 2%}#calculator #display-cur{background:white;border:thin solid #ccc;margin:.5vh;grid-column:1/5;text-align:right;line-height:10vh;overflow-x:scroll;white-space:nowrap}#calculator #display-cur span{vertical-align:middle}#calculator #clearStack{grid-column:1/4;grid-row:3/4;display:grid;grid-template-columns:repeat(3,1fr)}#calculator #clearStack .calcKey{background:#ccc}#calculator #tenkey{grid-column:1/4;grid-row:4/8;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}#calculator #tenkey .calcKey{background:#eee}#calculator #tenkey .calcKey #key1{order:9}#calculator #tenkey #key0{order:11}#calculator #tenkey #key1{order:7}#calculator #tenkey #key2{order:8}#calculator #tenkey #key3{order:9}#calculator #tenkey #key4{order:4}#calculator #tenkey #key5{order:5}#calculator #tenkey #key6{order:6}#calculator #tenkey #key7{order:1}#calculator #tenkey #key8{order:2}#calculator #tenkey #key9{order:3}#calculator #tenkey #keyDec{order:12}#calculator #tenkey #keySign{order:10}#calculator #coreOpStack{grid-column:4/5;grid-row:3/8;display:grid}#calculator #coreOpStack .calcKey{background:#ccc}