#keyboard-menu{height:calc(81.5vw);bottom:100px;}
	#keyboard-menu.show{ bottom: 0px;padding-top:0.5%;display:block;visibility:visible;}


#keyboard-menu{
	width: 100%;position: fixed;
    left: 0px;
    z-index: 9999;
	display:none;
	background:#333333;
	visibility: hidden;
	transition: top 0.3s ease;
} 

#keyboard-menu .keyboard-key{width:33%;height:calc(20vw);float:left;line-height:calc(20vw);font-size:2rem;text-align:center;float:left;background-color:#ffffff;transition: all 0.3s ease;}
#keyboard-menu .keyboard-key.left-line{margin-left:0.5%;}
#keyboard-menu .keyboard-key.bottom-line{margin-bottom:calc(0.5vw);}

#keyboard-menu .keyboard-key.pushed{background-color:#cccccc!important; transition: all 0.3s ease;}

#keyboard-menu #keyboard-message{height:0px;width:100%;text-align:center;font-size:20px;line-height:0px;background:#ffff00!important;position:absolute;top:0px;left:0px:}
#keyboard-menu #keyboard-message.show{height:40px;line-height:40px;top:-40px;border-top:1px solid #333333;}





/******* GLOBAL *******/

body{font-family: 'Roboto Mono', monospace;}
a{display:block;}
a:hover{text-decoration: none;}
.font-pr{font-family: 'Roboto Mono', monospace;}