@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--ff:"Segoe UI",sans-serif;--box-shadow-keycaps-value:inset 0 -.2rem 0 .3rem;--box-shadow-keycaps-hover-value:inset 0 -.1rem 0 .2rem;--box-shadow-keycaps:var(--box-shadow-keycaps-value)var(--color-keycaps-shadow);--box-shadow-keycaps-hover:var(--box-shadow-keycaps-hover-value)var(--color-keycaps-shadow);--box-shadow-keycaps-accent:var(--box-shadow-keycaps-value)var(--color-keycaps-shadow-accent);--box-shadow-keycaps-accent-hover:var(--box-shadow-keycaps-hover-value)var(--color-keycaps-shadow-accent);--box-shadow-keycaps-pressed:var(--box-shadow-keycaps-value)var(--color-keycaps-shadow-pressed);--box-shadow-keycaps-pressed-hover:var(--box-shadow-keycaps-hover-value)var(--color-keycaps-shadow-pressed);--color-keycaps-legends:#555;--color-keycaps-bg:#f8f9fa;--color-keycaps-shadow:#adb5bd;--color-keycaps-legends-accent:#555;--color-keycaps-bg-accent:#84c1ff;--color-keycaps-shadow-accent:#97a0a8;--color-keycaps-legends-pressed:#2f3674;--color-keycaps-bg-pressed:#a4a9b0;--color-keycaps-shadow-pressed:#7f8489}html{font-size:62.5%;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0;font-size:30px}.body1{font-family:var(--ff);background-image:var(--color-bg);--color-bg:linear-gradient(135deg,#d2e9ff,#84c1ff,#84c1ff,#2400b0);flex-direction:column;min-height:100vh;display:flex}.center-text{text-align:center}.intro{max-width:130rem;margin:0 auto;padding:4.8rem 3.2rem 0}.heading-primary{font-color:#fff;letter-spacing:2px;margin-bottom:3rem;font-size:5rem;font-weight:700;line-height:1}.title span{-webkit-text-fill-color:transparent;background-image:linear-gradient(45deg,#000,#000,#000,#fff);-webkit-background-clip:text;background-clip:text}.paragraph{color:#fff;margin-bottom:5rem;font-size:2rem;font-style:oblique;line-height:2}.theme-and-layout{text-align:center;grid-template-columns:repeat(2,1fr);max-width:120rem;margin:0 auto 2.4rem;transition:all .25s;display:grid}.Press_key,.JPress_key{color:#000;background:#fff;border-radius:4px;padding:4px 8px;font-size:2.4em}.Switch_Button{justify-content:center;align-items:center;display:flex}.keyboard{background-color:#0080ff;border-radius:.4rem;grid-template-columns:215fr 1fr 45fr 60fr;max-width:122rem;margin:0 auto;padding:.8rem;transition:all .2s;display:grid;box-shadow:0 .4rem 0 .6rem #97a0a8,0 1.2rem 3.2rem #0000001a}.Rkeyboard{background-color:#0080ff;border-radius:.4rem;grid-template-columns:215fr 1e-7fr 40fr;max-width:100rem;margin:0 auto;padding:.8rem;transition:all .2s;display:grid;box-shadow:0 .4rem 0 .6rem #97a0a8,0 1.2rem 3.2rem #0000001a}.key{width:100%;height:5rem;color:var(--color-keycaps-legends);background-color:var(--color-keycaps-bg);cursor:not-allowed;transition:all .075;box-shadow:var(--box-shadow-keycaps-accent);border-radius:.6rem;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.RC_Function_key{width:100%;height:3.5rem;color:var(--color-keycaps-legends);background-color:var(--color-keycaps-bg);cursor:not-allowed;transition:all .075;box-shadow:var(--box-shadow-keycaps-accent);border-radius:.6rem;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex}.Author{color:#000;width:100%;height:5rem;transition:all .075;justify-content:center;align-items:center;font-family:fantasy;font-size:2.7rem;font-weight:900;display:flex}.key--accent-color{color:var(--color-keycaps-legends-accent);background-color:var(--color-keycaps-bg-accent)}.key.key--pressed,.RC_Function_key.key--pressed{color:var(--color-keycaps-legends-pressed);background-color:var(--color-keycaps-bg-pressed)}.key:hover,.key--accent-color:hover,.key--pressed:hover,.key-pressing-simulation{box-shadow:var(--box-shadow-keycaps-hover);transform:scale(.98)}.key--accent-color:hover{box-shadow:var(--box-shadow-keycaps-accent-hover)}.key--pressed:hover,.key-pressing-simulation{box-shadow:var(--box-shadow-keycaps-pressed-hover)}.region{gap:.25rem;padding:.5rem}.function{grid-template-columns:2fr 2fr repeat(4,2fr) 1fr repeat(4,2fr) 1fr repeat(4,2fr);display:grid}.RC_function{grid-template-columns:repeat(17,2fr);display:grid}.system-control{grid-column:3;grid-template-columns:repeat(3,1fr);display:grid}.Author_Name{grid-column:4;grid-template-columns:1fr;display:grid}.typewriter{grid-row:2;display:grid}.Jfirst-row,.Jthird-row,.Jfourth-row,.Jfifth-row,.RCfifth-row,.RCSixth-row,.first-row,.second-row,.third-row,.fourth-row,.fifth-row{justify-items:center;gap:.25rem;display:grid}.Jfirst-row{grid-template-columns:1.4fr repeat(13,1fr) .6fr}.Jthird-row{grid-template-columns:1.79fr repeat(12,1fr) 1.2fr}.Jfourth-row{grid-template-columns:2fr repeat(11,1fr) 1.6fr}.Jfifth-row{grid-template-columns:repeat(4,1.29fr) 6.36fr repeat(5,1.29fr)}.RCfifth-row{grid-template-columns:repeat(5,1.2fr) 3.36fr repeat(4,1.2fr) repeat(3,1fr)}.RCSixth-row{grid-template-columns:17.75fr repeat(3,1.2fr)}.first-row{grid-template-columns:repeat(13,1fr) 2fr}.second-row{grid-template-columns:1.5fr repeat(12,1fr) 1.5fr}.third-row{grid-template-columns:1.79fr repeat(11,1fr) 2.29fr}.fourth-row{grid-template-columns:2.29fr repeat(10,1fr) 2.79fr}.fifth-row{grid-template-columns:repeat(3,1.29fr) 6.36fr repeat(4,1.29fr)}.navigation{grid-column:3;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(3,1fr);display:grid}.key_logo{color:#000;background-color:var(--color-keycaps-bg-accent);box-shadow:var(--box-shadow-keycaps-accent);font-size:2.2rem;font-weight:900}.numpad{grid-column:4;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(4,1fr);display:grid}.RC_numpad{grid-column:3;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(3,1fr);display:grid}.RC_navigation{grid-column:3;grid-template-columns:repeat(3,1fr);display:grid}.key--sublegend{grid-template-rows:1fr auto auto 1fr;gap:.1rem;padding-top:.8rem;display:grid}.key--sublegend span:nth-child(odd),.key--sublegend span:nth-child(2n){text-align:center;grid-row:1;width:100%}.key--sublegend span:nth-child(2n){grid-row:2}.metaleft svg{width:1.8rem;height:1.8rem;fill:var(--color-keycaps-legends)}.metaleftLogo svg{width:3rem;height:3rem;fill:var(--color-keycaps-legends)}.metaleft .key--accent svg{fill:var(--color-keycaps-legends-accent)}.metaleft.key--pressed svg{fill:var(--color-keycaps-legends-pressed)}.contextmenu svg{width:2rem;height:2rem;stroke:var(--color-keycaps-legends);fill:none}.contextmenu .key--accent svg{stroke:var(--color-keycaps-legends-accent)}.contextmenu.key--pressed svg{stroke:var(--color-keycaps-legends-pressed)}.space span{font-size:1.6rem;transform:translateY(-1.6rem)}.metaright svg{width:1.8rem;height:1.8rem;fill:var(--color-keycaps-legends)}.metarightLogo svg{width:3rem;height:3rem;fill:var(--color-keycaps-legends)}.metaright .key--accent svg{fill:var(--color-keycaps-legends-accent)}.metaright.key--pressed svg{fill:var(--color-keycaps-legends-pressed)}.tab,.capslock,.shiftleft,.shiftleft,.controlleft{justify-content:left;padding-left:1.2rem}.backquote{justify-content:left;padding-left:.8rem}.backspace,.enter,.shiftright,.controlright{justify-content:right;padding-right:1.2rem}.Romaji_Key{font-size:1rem}.Main_arrowup{grid-area:4/2}.Main_arrowleft,.Main_arrowdown,.Main_arrowright{grid-row:5}.Main_arrowup svg,.Main_arrowleft svg,.Main_arrowdown svg,.Main_arrowright svg{width:1.2rem;height:1.2rem;fill:var(--color-keycaps-legends)}.Main_arrowup.key--pressed svg,.Main_arrowleft.key--pressed svg,.Main_arrowdown.key--pressed svg,.Main_arrowright.key--pressed svg{fill:var(--color-keycaps-legends-pressed)}.RC_arrowup svg,.RC_arrowleft svg,.RC_arrowdown svg,.RC_arrowright svg{width:1.2rem;height:1.2rem;fill:var(--color-keycaps-legends)}.RC_arrowup.key--pressed svg,.RC_arrowleft.key--pressed svg,.RC_arrowdown.key--pressed svg,.RC_arrowright.key--pressed svg{fill:var(--color-keycaps-legends-pressed)}.Main_numpadadd{grid-area:2/4/span 2;height:100%}.Main_numpadenter{grid-area:4/4/span 2;height:100%}.Main_numpad0{grid-column:1/span 2}.RC_numpadenter{grid-column:2/span 2}.footer{cursor:not-allowed;flex-grow:1;justify-content:center;align-items:end;padding:3.2rem 0 2.4rem;display:flex}.footer-text{font-size:1.6rem}