body{background-color:#000;overflow:hidden;margin:auto;font-size:16px;font-family:monospace}.navbar{color:#fff;height:50px}.nav-tit{color:#f8f8ff!important;font-size:16px}.text-accent{box-sizing:border-box;color:#00bce2!important}.nav-bo{border-bottom:.5px solid #f5f5f5}.nav-cont{width:100%;display:flex;flex-direction:row;justify-content:flex-start}.nav-btn-sec{margin:auto;width:60%;font-size:14px}.nav-btn-sec span{padding:0 20px}.tit-text{letter-spacing:.05em!important;color:var(--bs-gray-600)}.nav-btn-sec.tit-text a{text-decoration:none}.main-div{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.div-cen{width:80%;height:80%;z-index:0}.info{display:flex;flex-direction:column;color:var(--bs-gray-600);font-size:14px}.info-izq{position:absolute;left:20px;top:65px;width:80px}.info-der{position:absolute;right:20px;top:65px;text-align:right}.info-acc{padding:0 10px;font-size:12px}.footer{position:absolute;bottom:0;left:0;width:100%;height:50px;border-top:.25px solid gray}.div-footer{padding:8px 20px}.div-footer .info{color:var(--bs-gray-400)}.div-ctrl{display:flex;flex-direction:column;width:80%;position:fixed;bottom:100px;border:1px solid}#div-btn-ctrl{display:flex;flex-direction:column;align-self:center}.div-letras{display:flex;flex-direction:column;gap:6px;padding:8px 0;background:#0a0a0a}.speed-wrap{display:flex;align-items:center;gap:8px;padding:0 8px}.speed-label,.speed-val{font-family:monospace;font-size:11px;letter-spacing:.25em;color:var(--bs-gray-600)}.speed-val{color:#00bce2;min-width:16px}#speed-slider{-webkit-appearance:none;width:75px;height:2px;background:var(--bs-gray-800);outline:0;border-radius:2px}#speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#00bce2;cursor:pointer}#speed-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#00bce2;cursor:pointer;border:none}#letter-grid,#variant-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px}.btn-letter,.btn-variant{font-family:monospace;font-size:11px;letter-spacing:.15em;padding:3px 10px;background:0 0;border:.5px solid var(--bs-gray-700);color:var(--bs-gray-600);cursor:pointer;transition:.15s}.btn-letter:hover,.btn-variant:hover{border-color:#00bce2;color:#00bce2}.btn-letter.active,.btn-variant.active{border-color:#00bce2;color:#00bce2;background:rgba(0,188,226,.08)}#variant-row:empty{display:none}.btn{color:var(--bs-gray-600)}#selector{margin:auto}.sel-izq{text-align:end}#div-cntrl-anim{display:flex}#abajo{margin-top:auto;padding:5px 0}#izq-top-align{display:flex;flex-direction:column}