html{background-image:linear-gradient(#a9a9a9,#a1a1a1);background-repeat:no-repeat;background-attachment:fixed;font-family:"Lato",sans-serif;text-shadow:1.5px 1.5px rgba(0,0,0,.226);height:100vh}body{height:100vh;width:100vh}#container{margin-top:8%;margin-left:auto;margin-right:auto;min-width:1240px;max-width:1240px}#info{background-color:#444;text-align:center;color:#f7fcff;font-size:15px;font-family:"Lato",sans-serif;border-radius:.3em;margin:4% auto 2em;width:40em;height:4.3em;transition:.5s;padding:.2em;box-sizing:border-box;border:1px solid #e0e0d9;box-shadow:0 .2em 0 .05em #bff205;border-bottom-color:#555;text-shadow:1.5px 1.5px rgba(0,0,0,.274)}#info:focus{height:21.3em;transition:.5s}#info:focus #expand{visibility:visible;transition-delay:.35s}#expand{visibility:hidden}#code{border:1px solid #e0e0d9;box-shadow:0 .2em 0 .05em #bff205;border-bottom-color:#555;background-color:#080808;text-align:left;padding:1em;margin:1em;color:#bff205}#what{font-size:40px}a{color:#bff205}@media screen and (max-width: 320px){#container{display:none}#readme{display:none}}@media screen and (min-width: 321px) and (max-width: 480px){#container{display:none}#readme{display:none}}@media screen and (min-width: 481px) and (max-width: 767px){#container{display:none}#readme{display:none}}@media screen and (min-width: 767px){#mobile-container{display:none}}@media only screen and (orientation: landscape){#container{-webkit-text-size-adjust:100%;width:100%}}.keys{text-align:center;margin-top:9%;font-size:15px;font-family:"Lato",sans-serif}.key-row{display:flex;justify-content:center;height:3.3em;margin-right:2.9em;margin-bottom:2.9em;margin-top:.4em}.key-row>*{position:relative;text-align:center;color:#f7fcff;float:left;border-radius:.3em;margin:.29em;padding:.2em;width:3.3em;font-size:2em;height:150%;box-sizing:border-box;cursor:pointer;border:1px solid #e0e0d9;box-shadow:0 .2em 0 .05em #bdf005;border-bottom-color:#555}.key-row>div[data-pressed],.key-row>div:active{color:#f7fcff;position:relative;top:.2em;box-shadow:0 0 0 .05em #bff205}.ui *{display:inline-block}.ui{text-transform:uppercase;z-index:100;color:#f7fcff;font-size:1.6em;font-family:"Lato",sans-serif;border-radius:.3em;margin:.3em;padding:.3em;width:13.9em;box-sizing:border-box;border:1px solid #e0e0d9;box-shadow:0 .2em 0 .05em #bff205;border-bottom-color:#555}.hud{padding-left:.3em}.t9-div{font-size:.6em;color:#bff205;pointer-events:none}#mobile-container{min-width:500px;max-width:100vh;height:100vh;width:100vw;padding-bottom:30px;visibility:visible}#mobile{width:80%}#mobile-text{margin-top:2em;width:100vh;color:#fff}#desktop{border:none;background:transparent;color:#bdf005;font-family:"Lato",sans-serif;font-size:15px;text-decoration:underline;padding:0;text-shadow:1.5px 1.5px rgba(0,0,0,.226)}span{pointer-events:none}