* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html, body { font-family: system-ui, -apple-system, -apple-system-font, 'Segoe UI', 'Roboto', sans-serif; font-size: 12px; margin: 0; padding: 0; background: rgba(39, 39, 39, 1); overflow: hidden; -webkit-overflow-scrolling: touch; width: 100%; height: 100%; z-index: 0; color: lightgray; } #view { left: 0; font-size: 25px; right: 0; top: 0; bottom: 0; width: 100%; display: block; height: 100%; overflow: hidden; position: absolute; -webkit-overflow-scrolling: touch; } .ui-selected { border: #00bb00 solid 3px; } .ui-selecting { border: orange solid 3px; } .selected { outline: 2px dashed white; background-color: #00bb00; } .atome { cursor: default; pointer-events: auto; caret-color: transparent; outline: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: absolute; display: inline-block; background-size: 100%; background-repeat: no-repeat; -webkit-overflow-scrolling: touch; -webkit-user-drag: none; caret-shape: bar; overflow: visible; } .text { -webkit-text-fill-color: transparent; -webkit-background-clip: text; } .center { display: flex; justify-content: center; align-items: center; position: absolute; transform: translate(-50%, -50%); } .center_vertical { display: flex; align-items: center; position: absolute; transform: translateY(-50%); } .center_horizontal{ display: flex; justify-content: center; position: absolute; transform: translateX(-50%); } .e_align_h_left { text-align: left; } .e_align_h_right { text-align: right; } .e_align_h_center { text-align: center; } .el_align_h { text-align: justify; } .el_align_v { display: flex; align-items: center; } .el_align_v_bottom { display: flex; align-items: flex-end; } /*::selection {*/ /* color: transparent;*/ /* background: none;*/ /*}*/ /*!* For Mozilla Firefox *!*/ /*::-moz-selection {*/ /* color: transparent;*/ /* background: none;*/ /*}*/