*{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:30vh;display:flex;position:absolute;bottom:1vh}.row0{justify-content:center;gap:.5vw;margin-bottom:.5vh;display:none}.row1,.row2,.row3,.row4{justify-content:center;gap:.5vw;margin-bottom:.5vh;display:flex}.numberKey{box-sizing:border-box;opacity:0;background-color:#050505;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:#050505;border-radius:.5vh;justify-content:center;align-items:center;width:9.5vw;height:7.5vh;display:flex;position:relative}#controlKeySpace{width:38.5vw;height:5.5vh}#controlKeyEnter{width:30.5vw;height:5.5vh}.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}.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,.signUp{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}.signIn{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:25.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:36vw}.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:.8em}.sentenceA,.sentenceB,.sentenceC{top:40vh}}@media (width>=768px){.keyboard{width:35vw;height:22vh;right:32.5vw}.row0,.row1,.row2,.row3,.row4{gap:.25vw;width:35vw;margin-bottom:.5vh}.numberKey,.letterKey,.controlKey{width:3vw;height:5.5vh}#controlKeySpace{width:12vw;height:4vh}#controlKeyEnter{width:10vw;height:4vh}}