*{margin:0;padding:0}html,body{color:#fff;background-color:#000;width:100%;height:100%;overflow:hidden}.app{z-index:0;width:100%;height:100%;overflow:hidden}.app::-webkit-scrollbar{display:none}.header{opacity:0;z-index:0;position:absolute}.sentenceX{z-index:1;background-color:#0000;width:100vw;height:100vh;display:flex;position:absolute}.keyboard{z-index:2;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:26vh;display:flex;position:absolute;bottom:0}.row0{justify-content:center;gap:.5vw;margin-bottom:.5vh;display:none}.numberKey{box-sizing:border-box;opacity:0;background-color:#0a0a0a;border-radius:.5vh;justify-content:center;align-items:center;width:9.5vw;height:7.5vh;display:flex;position:relative}.letterKey,.controlKey{box-sizing:border-box;background-color:#0a0a0a;border-radius:.5vh;justify-content:center;align-items:center;width:9vw;height:6vh;display:flex;position:relative}.numberKeyCharacter,.letterKeyCharacter,.controlKeyCharacter{opacity:.5;cursor:default;font-family:Times New Roman;font-size:1em}.uppercaseKeyCharacter{cursor:default;font-family:Times New Roman;font-size:1em}.lowercaseKeyCharacter{cursor:default;font-family:Times New Roman;font-size:1.4em}#controlKeyCharacterDelete,#controlKeyCharacterSpace,#controlKeyCharacterEnter,#controlKeyCharacterCaps{cursor:default;font-size:1em}.row1{grid-template-columns:repeat(10,max-content);justify-content:center;column-gap:1vw;margin-bottom:.8vh;display:grid}.row2,.row3{grid-template-columns:repeat(9,max-content);justify-content:center;column-gap:1vw;margin-bottom:.8vh;display:grid}.row4{grid-template-columns:repeat(3,max-content);justify-content:center;column-gap:1vw;margin-bottom:0;display:grid}#controlKeyCaps{width:15vw;margin-right:3vw}#controlKeyDelete{width:15w;margin-left:3vw}#controlKeyNumber{width:15vw;height:5vh;margin-right:3vw}#controlKeySpace{width:59vw;height:5vh}#controlKeyEnter{width:22vw;height:5vh}.authentication{z-index:0;background-color:#0000;width:100vw;height:100%;display:none;position:absolute}#_0_sentenceA{display:flex}#_1_sentenceA,#_2_sentenceA,#_3_sentenceA,#_4_sentenceA,#_5_sentenceA,#_6_sentenceA,#_7_sentenceA,#_8_sentenceA,#_9_sentenceA,#_0_sentenceB,#_1_sentenceB,#_2_sentenceB,#_3_sentenceB,#_4_sentenceB,#_5_sentenceB,#_6_sentenceB,#_7_sentenceB,#_8_sentenceB,#_9_sentenceB,#_0_sentenceC,#_1_sentenceC,#_2_sentenceC,#_3_sentenceC,#_4_sentenceC,#_5_sentenceC,#_6_sentenceC,#_7_sentenceC,#_8_sentenceC,#_9_sentenceC{display:none}.sentenceA,.sentenceB,.sentenceC{z-index:1;background-color:#0000;width:100vw;height:6vh;position:absolute;top:45vh}.sentenceA0{opacity:1;z-index:3;background-color:#0000;justify-content:left;align-items:center;width:100vw;height:6vh;display:flex;position:absolute}.sentenceB0,.sentenceC0{opacity:1;z-index:3;background-color:#0000;justify-content:left;align-items:start;width:100vw;height:6vh;display:flex;position:absolute}.sentenceA1,.sentenceB1,.sentenceC1{border:none;outline:none;width:0;height:0;position:absolute}.sentenceA2,.sentenceB2,.sentenceC2{z-index:2;background-color:#0000;justify-content:left;align-items:center;width:100vw;height:6vh;display:flex;position:absolute}.sentenceB2,.sentenceC2{z-index:2;background-color:#0000;justify-content:left;align-items:start;width:100vw;height:6vh;display:flex;position:absolute}.sentenceA0 span,.sentenceA2 span,.sentenceB0 span,.sentenceB2 span,.sentenceC0 span,.sentenceC2 span{cursor:default;color:#fff;opacity:0;font-family:Times New Roman,Times,serif;font-size:1.35em;font-style:normal;font-weight:400;transform:translate(15vw)}.user{background-color:#0000;width:100vw;height:7.5vh;display:none;position:absolute;top:40vh}.userName{z-index:1;background-color:#0000;width:100vw;height:6vh;display:flex;position:absolute;top:38vh}.passWord{z-index:1;background-color:#0000;width:100vw;height:6vh;display:flex;position:absolute;top:46vh}.code{background-color:#0000;width:100vw;height:6vh;display:none;position:absolute;top:40vh}.message{background-color:#0000;align-items:center;width:100vw;height:6vh;display:none;position:absolute;top:70vh}.confirm{opacity:0;background-color:#0a0a0a;border-radius:.5vh;justify-content:center;align-items:center;width:10vw;height:4vh;display:none;position:absolute;top:56vh;left:15vw}.signUp{opacity:0;background-color:#0a0a0a;border-radius:.5vh;justify-content:center;align-items:center;width:12vw;height:4vh;display:none;position:absolute;top:56vh;left:15vw}.signIn{opacity:0;background-color:#0a0a0a;border-radius:.5vh;justify-content:center;align-items:center;width:12vw;height:4vh;display:none;position:absolute;top:56vh;left:27.5vw}.back{opacity:0;background-color:#0a0a0a;border-radius:.5vh;justify-content:center;align-items:center;width:10vw;height:4vh;display:none;position:absolute;top:56vh;left:40vw}.messageA0{background-color:#0000;align-items:center;width:100vw;height:6vh;position:absolute}.confirmA0{background-color:#0000;align-items:center;width:100vw;height:6vh;display:flex;position:absolute}.userNameA0,.passWordA0,.codeA0{z-index:2;background-color:#0000;align-items:center;width:100vw;height:6vh;display:flex;position:absolute}.userNameA1,.passWordA1,.codeA1{caret-color:#0000;border:none;outline:none;width:0;height:0;position:absolute}.user span,.userNameA0 span,.passWordA0 span,.codeA0 span{opacity:0;cursor:default;color:#fff;font-family:Times New Roman,Times,serif;font-size:1.2em;font-style:normal;font-weight:400;transform:translate(15vw)}.message span{cursor:default;color:#fff;opacity:0;font-family:Times New Roman,Times,serif;font-size:1em;font-style:normal;font-weight:400;transform:translate(15vw)}.signUp span,.signIn span,.confirm span,.back span{cursor:default;color:#fff;opacity:1;font-family:Times New Roman,Times,serif;font-size:.8em;font-style:normal;font-weight:400}.userNameA0DashCharacter,.passWordA0DashCharacter,.codeA0DashCharacter{background-color:#323232;width:.25vw;height:2vh;display:inline-block}@media (width<=768px){.sentenceA0 span,.sentenceA2 span,.sentenceB0 span,.sentenceB2 span,.sentenceC0 span,.sentenceC2 span{font-size:1.2em}.signUp span,.signIn span,.confirm span,.back span{font-size:.6em}.sentenceA,.sentenceB,.sentenceC{top:40vh}}