html,body,body>div{margin:0;padding:0;height:100%;min-width:320px}body{background-color:#FFF}p{margin:0}.fullHeight{height:100%}.optionScreen{min-height:100vh;width:100%;padding:25px 15px;max-width:32em;text-align:center;display:flex;margin:0 auto;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.optionScreen *{font-family:Helvetica, sans-serif;font-size:22px;line-height:1.3;display:block;width:100%;margin-bottom:15px;color:#333}.optionScreen button{background-color:#FFF;border:1px solid #DDD;padding:15px;text-transform:uppercase;font-size:20px;border-radius:4px;line-height:1;border-bottom:2px solid #DDD;cursor:pointer;outline:none}.optionScreen button:hover{background-color:#FAFAFA}.optionScreen button:active{border-bottom-width:1px;background-color:#EEE;border-top:2px solid #DDD}.touchArrows{position:absolute;bottom:10px;left:10px;display:flex;justify-content:space-between;flex-wrap:wrap;width:200px;z-index:1000}.touchArrows>div{display:flex;justify-content:center;user-select:none}.touchArrows>div.forward{flex:1;min-width:100%;margin-bottom:5px}.touchArrows>div.left,.touchArrows>div.right,.touchArrows>div.backward{flex:1}.touchArrows>div span{display:flex;justify-content:center;align-items:center;text-align:center;border:1px solid #FFF;font-family:Helvetica, sans-serif;font-size:16px;text-transform:uppercase;color:#FFF;width:60px;height:60px;opacity:0.4;outline:none;background:transparent;border-radius:50%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}