html{height:100%}body{font-family:'PingFang SC','Helvetica Neue','Noto Sans','Droid Sans Fallback','Microsoft Yahei';padding:0;width:100%;height:100%;margin:0;overflow-y:hidden;background-color:#fff;background-image:url(../src/circuit-board.svg)}.page,.unselectable-page{height:100%;width:100%;position:absolute;top:0;left:0;visibility:hidden}.unselectable-area,.nav,.unselectable-page{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.btn-area{display:flex;flex-flow:column;align-items:center;justify-content:space-between;height:60%;width:100%;max-height:700px}.button{margin-left:auto;margin-right:auto;border:#249ce9 1px solid;border-radius:25px;text-align:center;width:80%;height:50px;line-height:50px;color:#249ce9;display:block;max-width:330px;cursor:pointer;font-size:17px}.button:hover{background-color:#6fc1ff;border-color:#6fc1ff;color:white}.button:active{background-color:#249ce9;border-color:#249ce9;color:white}.no-border-button{margin-left:auto;margin-right:auto;text-align:center;font-size:17px;color:#249ce9;cursor:pointer;display:block}.no-border-button:hover{color:#6fc1ff}.no-border-button:active{color:#249ce9}.nav{text-align:center;margin:0;background-color:#1d92ec;color:white;height:44px;line-height:44px;font-size:20px;display:block}.btn_next{right:15px}.btn_back{left:15px}.btn_back,.btn_next{position:absolute;top:9px;height:24px;width:24px;cursor:pointer}.input{display:block;position:absolute;left:15px;top:59px;bottom:15px;right:15px;overflow-y:scroll;word-break:break-all}.placeholder{display:block;margin:15px 15px 15px 15px;color:#989898}input{align-self:center;margin-left:auto;margin-right:auto;font-size:17px;display:block;text-align:center;border:0;border-bottom:1px solid #232532}