body,html{overflow:hidden;height:100%;position:fixed;width:100%;overscroll-behavior:none;-webkit-overflow-scrolling:touch}body.cordova{margin-top:env(safe-area-inset-top);margin-bottom:env(safe-area-inset-bottom);background-color:#000}.text-caption{line-height:1.3em}.my-sticky-btn,.my-toolbar{margin-top:env(safe-area-inset-top)}.my-app{height:500px;min-width:740px!important}.my-menu{height:50px}.my-inactive-card{background-color:#fff;color:grey;max-width:200px}.my-btn{width:200px}.my-btn-wide{min-width:250px}.my-quote{height:500px}.my-lesson{height:630px}.my-form{width:500px;margin-top:20px;margin-left:auto;margin-right:auto}.my-card-mode{width:180px;height:350px}.my-active-card{width:180;height:400px}.my-card-img{max-height:90px;max-width:180px}.my-card-mini{height:250px;width:230px}.my-info{width:600px;max-height:90vh!important}.my-stats-table{max-height:500px}.my-menu-link{color:#fff;background:#000}.activeKey{background-color:#c5efcb!important}.shiftPressed{background-color:grey;opacity:0.7}.my-keyboard{min-width:740px!important}.my-alt-key{position:absolute;top:20px;left:35px}.my-inputfield{width:500px;max-width:700px}.my-activetext{background-color:#fff;min-height:100px;width:100vw}.my-highlight-text{overflow:hidden;white-space:nowrap}.my-about-page{max-width:800px;margin-left:auto;margin-right:auto}.my-trainer-form{min-width:700px;width:780px;min-height:600px}.trainer-module-list{height:400px;width:200px;margin-left:auto;margin-right:auto}.finished-page{min-width:70vw;min-height:70vh}.settings-form{width:700px;margin:0 auto}.login-page{max-width:700px;margin:30px auto}.stats-table{max-width:90vw;min-width:80vw;min-height:60vh}.drawer-user{height:130px}.drawer-links{margin-top:150px}.key{color:#000;height:40px;vertical-align:middle}.key-0-5{width:25px}.key-1{width:50px}.key-1-4{width:65px}.key-1-5{width:75px}.key-1-7{width:85px}.key-1-8{width:92px}.key-1-9{width:100px}.key-2{width:112px}.key-4{width:350px}.l1,r1{background-color:#9eb7d0}.l2,r2{background-color:#b7cbdf}.l3,r3{background-color:#d5e5ee}.l4,r4{background-color:#e3e8f3}.l5,r5{background-color:#dcd3d0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,html{touch-action:pan-x pan-y}body{-webkit-user-select:none;user-select:none}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}@media (hover:none){*{touch-action:pan-x pan-y}}