:root{--scale-factor:0.75}.keyboard{display:flex;flex-direction:column;justify-content:center;align-items:center}.textcontainer{width:calc(1018px * var(--scale-factor));height:calc(100px * var(--scale-factor));border:1px solid rgba(0,0,0,.25);overflow:auto;border-radius:calc(4px * var(--scale-factor))}.textcontainer pre{text-align:left;display:block;width:calc(100% - 40px * var(--scale-factor));height:calc(100% - 40px * var(--scale-factor));margin:0;padding:calc(20px * var(--scale-factor));font-size:calc(20px * var(--scale-factor))}.keyboardcontainer{width:calc(90% * var(--scale-factor));display:flex;justify-content:center;margin-top:calc(15px * var(--scale-factor))}.container{padding:calc(20px * var(--scale-factor)) calc(20px * var(--scale-factor));flex-direction:column;max-width:calc(980px * var(--scale-factor));border-radius:calc(7px * var(--scale-fasactor));background:#2b2b2b}.container,.row{display:flex;justify-content:center;align-items:center}.row{width:100%}.key{display:flex;width:calc(60px * var(--scale-factor));height:calc(60px * var(--scale-factor));margin:calc(5px * var(--scale-factor));justify-content:center;flex-direction:column;align-items:center;background-color:#1c1c1c;border-radius:calc(4px * var(--scale-factor));color:#fff;font-size:calc(16px * var(--scale-factor));cursor:pointer;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:background-color .15s ease-in-out}.key-active,.key:active,.key:hover{background-color:#d6d6d6;color:#000}.row:first-child .key:first-child{width:calc(40px * var(--scale-factor))}.row:first-child .key:last-child{width:calc(80px * var(--scale-factor))}.row:nth-child(3) .key:first-child,.row:nth-child(3) .key:last-child{width:calc(95px * var(--scale-factor))}.row:nth-child(4) .key:first-child,.row:nth-child(4) .key:last-child{width:calc(130px * var(--scale-factor))}.row:nth-child(5) .key:nth-child(3){width:calc(550px * var(--scale-factor))}.scalable-text{font-size:calc(16px * var(--scale-factor));transition:font-size .2s ease}.scalable-text:hover{font-size:calc(18px * var(--scale-factor))}