html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}@font-face{font-family:"Consolas";src:url(a96797ab7e05ca91199e.eot);src:local("Consolas"),url(a96797ab7e05ca91199e.eot?#iefix) format("embedded-opentype"),url(132b9691a44583e45423.woff2) format("woff2"),url(9479070b326584654c2b.woff) format("woff"),url(07f1f7d41a0ed94147ea.ttf) format("truetype");font-weight:normal;font-style:normal}body{background:#212121;font-family:"Arial","Helvetica",sans-serif;font-weight:400;font-size:24px;line-height:28px;font-style:normal}.header{width:1000px;margin:24px auto 0}.header__text{margin-top:24px;font-weight:700;font-size:40px;line-height:46px;align-items:center;text-align:center;color:#fff}.subheading{margin-top:8px;font-size:20px;line-height:24px;display:flex;justify-content:space-between;color:#fff}.textfield{display:block;width:954px;height:240px;margin:12px auto 0;padding:24px 27px;background:#fff;border-radius:20px;font-family:"Consolas",monospace;font-size:30px;line-height:130%;color:#000;hyphens:auto;word-wrap:break-word;resize:none;-ms-overflow-style:none;scrollbar-width:none}.textfield::-webkit-scrollbar{width:0}.textfield:focus{outline:none}.footer{margin:24px auto 0;font-size:14px;line-height:130%;text-align:center;color:#555}.keyboard{width:1010px;height:340px;margin:24px auto 40px;background:linear-gradient(98.12deg, #545665 -0.27%, #C7D5F9 105.9%);box-shadow:4px 6px 4px rgba(0,0,0,.7);border-radius:20px;display:flex;align-items:center;justify-content:center}.keyboard__container{display:flex;flex-direction:column;width:977px;height:310px;gap:10px}.keyboard__row{display:flex;flex-direction:row;padding:0px;gap:10px}.key{display:flex;background:radial-gradient(89.86% 114.81% at 11.11% 0%, #7485A1 0%, #8191AC 18.75%, #C3CFE6 68.25%, #7F8FAB 100%);border:2px solid #a6b4c9;width:54px;height:54px;box-sizing:border-box;box-shadow:2px 4px 4px rgba(0,0,0,.25);border-radius:27px;justify-content:center;align-items:center;transition:all .1s;user-select:none}.key:hover{border:2px solid #718bb1;cursor:pointer}.key:active,.key.active{background:radial-gradient(137.5% 117.59% at 100% 117.59%, #253042 0%, #8697B7 75.27%, #35445F 100%);border:2px solid #718bb1;box-sizing:border-box;box-shadow:-1px -2px 4px rgba(0,0,0,.25)}.key.key_backspace{width:145px;font-size:20px}.key.key_del{font-size:20px}.key.key_capslock{display:flex;width:107px;gap:10px;font-size:20px;line-height:20px;justify-content:flex-start;text-align:center}.key.key_capslock .caps_icon{margin-left:8px;font-size:40px;color:#3d547a}.key.key_capslock .caps_icon.caps_on{color:#149100;text-shadow:0px 0px 7px #fff}.key.key_tab,.key.key_leftalt,.key.key_rightalt,.key.key_leftctrl,.key.key_rightctrl{width:81px}.key.key_leftshift{width:135px}.key.key_rightshift{width:127px}.key.key_enter{width:156px}.key.key_space{width:346px}.key.key_lang{width:65px}