html,body{height:100%}div.signature{display:flex;flex-direction:row;width:100%;height:100%}div.signature-area{flex-grow:8}#clear,#save{flex-grow:1;padding-left:0.5rem;padding-right:0.5rem}#clear img,#save img{height:30px}#save img{transform:rotate(10deg)}.left{border-right:solid 1px #aaaaaa}.right{border-left:solid 1px #aaaaaa}.button{display:flex;justify-content:center;align-items:center;height:100%}.signature-grid{display:grid;grid-template-rows:1fr 300px 1fr;width:100%}.no-sign{background-color:#ccc}.sign-here{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;font-size:7vmax;color:#ccc;pointer-events:none}div.landscape{display:none;font-size:50px;height:100%;text-align:center;vertical-align:middle;padding-top:20px}div.landscape img{height:100px}@media screen and (orientation:portrait) {div.signature{display:none}div.landscape{display:block}}html{touch-action:manipulation}