@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);body{-webkit-touch-callout:none;background:#4d4d4d;-webkit-user-select:none;user-select:none}body,button{font-family:VT323,sans-serif}.canvas{position:relative}.canvas:before{border:2px solid #fff;border-radius:10px;bottom:-5px;content:" ";left:-5px;position:absolute;right:-5px;top:-5px;z-index:0}.key{height:27px;width:27px;z-index:100}.key:hover{border:1px dotted red;cursor:pointer}.key:active{background:rgba(60,60,60,.2);border:0}.key.caps.active{background:rgba(60,60,60,.5)}.row{position:absolute}.row.one,.row.one>.key{margin-left:2.5px}.row.one>.key{float:left}.row.two{margin-left:17.5px;margin-top:32px}.row.two>.key{float:left;margin-left:2.5px}.row.two>.enter{width:40px}.row.three{margin-left:.5px;margin-top:60px}.row.three>.key{float:left;margin-left:2.5px}.row.three>.caps{width:30px}.row.three>.enter{width:55px}.row.four{margin-left:.5px;margin-top:90px}.row.four>.key{float:left;margin-left:2.5px}.row.four>.shift{width:42px}.row.five{margin-left:58px;margin-top:118px}.row.five>.space{width:145px}.row.five>.key{float:left;margin-left:2.5px}
/*# sourceMappingURL=main.fe4d26f9.css.map*/