@keyframes blink{0%,49%{opacity:1}
50%,to{opacity:0}
}
abbr,address,aside,audio,b,blockquote,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,span,summary,tbody,tfoot,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:0 0}
article{font-weight:400;vertical-align:baseline;background:0 0}
body,h3,small,sub,sup{padding:0;border:0;font-weight:400;background:0 0}
article,h3{font-size:100%}
article,body,small,sub,sup{margin:0}
body,h3,small,strong,sub,sup,table{vertical-align:baseline}
strong{font-size:100%}
table{border-collapse:collapse;border-spacing:0;font:100%;width:100%}
strong,table,td,th{border:0}
#mainMenu,.panel.visiblepanel,aside,details,figure,footer,header,nav,section,summary{display:block}
html{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-y:scroll}
*,:after,:before{box-sizing:inherit}
@font-face{font-family:"Perfect";src:url(fonts/Perfect.eot);src:local("?"),url(fonts/Perfect.woff)format("woff"),url(fonts/Perfect.ttf)format("truetype"),url(fonts/Perfect.svg)format("svg");font-weight:400;font-style:normal}
body{background-color:#000;font-size:26px;line-height:30px;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%}
body,code,kbd,pre,samp{font-family:"Perfect"}
.color-demo span{display:inline-block}
.color-demo,article{display:none}
.black{color:#000}
.blue{color:#00a}
.green{color:#0a0}
.cyan{color:#0aa}
.red{color:#a00}
.magenta{color:#a0a}
.brown{color:#a50}
.light-gray{color:#aaa}
.dark-gray{color:#555}
.light-blue{color:#55f}
.light-green{color:#5f5}
.light-cyan{color:#5ff}
.activeLink h3{color:#5555ff}
.light-red,.sidebarContentWrap a span,h3{color:#f55}
.light-magenta{color:#f5f}
.yellow{color:#ff5}
.white,body,input,select,textarea{color:#fff}
.rkl{background:#ff5;color:#000;padding:0 6px;margin-right:10px}
.rkl,a,a:link,a:visited{display:inline-block}
article{position:absolute;top:50px;left:10px;right:10px;border:3px solid;bottom:100px;background:#000;padding:10px 20px}
a:link,a:visited{color:#5ff}
a.activeLink{background:#5ff;color:#000!important;padding:0 8px}
h3{margin:24px 0 0}
.smaller{font-size:.7em}
.rightPanel a,.searchResults a{padding:7px 8px 0}
.monospace{font-family:"Lucida Console",monospace!important;font-size:.8em}
.dos-art{font-family:"Lucida Console",monospace;line-height:18px;font-size:18px;display:inline-block;white-space:pre}
embed,img,object{max-width:100%}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
a,hr,strong,table,td,th{padding:0}
a,strong,table,td,th{margin:0;background:0 0}
a,td,th{font-size:100%}
a{text-decoration:none}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000}
td{font-weight:400}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}
input,select{vertical-align:middle}
pre{white-space:pre-line;word-wrap:break-word}
input[type=radio]{vertical-align:text-bottom}
input[type=checkbox],th{vertical-align:bottom}
.ie7 input[type=checkbox],a{vertical-align:baseline}
.ie6 input{vertical-align:text-bottom}
input,select,textarea{font:99%sans-serif}
small{font-size:85%}
strong,th{font-weight:700}
td,td img{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-.5em}
.keys a,.keys a:link,.keys a:visited{color:#000}
sub{bottom:-.25em}
button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer}
button,input,select,textarea{margin:0}
button,input[type=button]{width:auto;overflow:visible}
.ie7 img{-ms-interpolation-mode:bicubic}
.clearfix:after,.clearfix:before{content:" ";display:block;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.cursorBlinking{display:inline-block;animation:blink 1s steps(1,end) infinite}
a,a:hover{color:#ffff25}
.eraseAll,.leftPanelInner .charByChar,.leftPanelInner .homeScreen,.leftPanelInner .lineByLine,.searchResults,.showGlitchHere{display:none}
.header{text-align:center;background-color:#aaa;color:#000;height:30px;overflow:hidden}
#mainMenu li,.key,.keys span,.keys>div{display:inline-block}
.key{background:#f55;color:#000;padding:0 10px;margin-bottom:8px}
.header a,.header a:link,.header a:visited{color:#a00}
.header a:hover{color:#fff}
.clickable tr,.rightPanelHead{color:#ff5}
#mainMenu{background-color:#0426ea;Color:#ccc}
#mainMenu li{padding:0 30px}
#mainMenu li.selected{background-color:#ccc;Color:#0426ea}
.mainContent,.mainContentInner{border:3px solid #fff;position:fixed;top:50px;bottom:100px;left:20px;right:20px}
.mainContentInner{left:27px;right:27px;top:57px;bottom:108px}
#restart,#timeShow,.keys{position:fixed;bottom:0;left:0}
.keys{right:0;background-color:#0aa;color:#000;padding:15px 5px 15px 20px;width:100%}
.keys>div{padding-right:85px}
.keys span{color:#fff;width:auto}
.panel{height:100%;width:100%;overflow:hidden;display:none}
.gery{color:#555}
.leftPanel{border-right:3px solid #fff;float:left;width:75%;height:100%;position:relative;overflow:hidden}
#timeShow{position:absolute;padding:6px;color:#5ff;right:0;border-top:2px solid #fff;background:#000;z-index:8;text-align:right}
.leftPanelInner{position:absolute;left:13px;bottom:35px;right:13px}
.hideSidebar .leftPanel{width:auto;float:none}
.hideSidebar .rightPanel{display:none}
.rightPanelHead{border-bottom:3px solid #fff}
.sidebarContentWrap{line-height:29px;position:absolute;top:55px;bottom:55px;z-index:7;overflow:hidden}
.rightPanelHead{padding:15px}
.rightPanel{float:right;width:25%;position:relative;height:100%}
.sidebarContentWrap a{margin-bottom:24px;color:#fff}
.clickable .selected{color:#fff}
#restart{top:0}
@media screen and (min-width:1400px){.rightPanel{width:40%}
.leftPanel{width:60%}
}
@media screen and (min-width:1800px){.leftPanel,.rightPanel{width:50%}
}
@media screen and (max-width:1111px){.keys>div{padding-right:25px!important}
}
@media screen and (max-width:1000px){.leftPanel{width:100%;border-right:none}
.rightPanel{display:none}
.mainContent{top:40px;bottom:50px;left:10px;right:10px}
.mainContentInner{left:18px;right:18px;top:48px;bottom:58px}
.mobilehide{display:none!important}
.header{height:32px;padding-top:4px}
.keys{right:0;padding:5px 5px 5px 10px;width:100%}
body{font-size:20px;line-height:24px}
.dos-art{line-height:14px;font-size:14px}
.keys{height:33px;overflow:hidden}
}
@media screen and (max-width:500px){.homeScreen>div:nth-child(1){display:none}.keys{height: 26px}
.dos-art{line-height:14px;font-size:14px;letter-spacing:-2px}
body{font-size:18px;line-height:20px}
.header{height:26px}
.mainContent{top:33px;bottom:34px;left:0;right:0;border:0}
.mainContentInner{left:5px;right:5px;top:40px;bottom:40px;border:0}
}