<!DOCTYPE HTML>
<html>
  <head>
    <script src="main.js"></script>
    <style>
      #b {
        margin: 0;
        padding: 0;
        background: -webkit-linear-gradient(#131925, #04070B);
        color: white;
        -webkit-user-select: none;
      }

      div.row {
        margin-top: 5px;
      }

      .key {
        color: #dbdbdb;
        -webkit-border-radius: 4px;
        text-align: center;
        font-family: sans-serif;
        border-style: solid;
        border-color: gray;
        border-width: 1px;
        float: left;
      }

      .r0 {
        background: -webkit-linear-gradient(#5a616f, #505662);
      }
      .r0:active {
        background: -webkit-linear-gradient(#505662, #5a616f);
      }

      .r1 {
        background: -webkit-linear-gradient(#505662, #41464f);
      }
      .r1:active {
        background: -webkit-linear-gradient(#41464f, #505662);
      }

      .r2 {
        background: -webkit-linear-gradient(#41464f, #32373d);
      }
      .r2:active {
        background: -webkit-linear-gradient(#32373d, #41464f);
      }

      div.moddown {
        border-color: #304a9b;
        background: -webkit-linear-gradient(#0d0d0d, #1e2026);
      }

      .ncr0,
      .ncr1,
      .ncr2,
      .ncr3 {
        background: -webkit-linear-gradient(#1f2127, #1b1e22);
      }

      .ncr0:active,
      .ncr1:active,
      .ncr2:active,
      .ncr3:active {
        background: -webkit-linear-gradient(#0d0d0d, #1e2026);
      }

      .image-key {
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
      }

      .backspace {
        background-image: url("del.svg");
      }

      .tab {
        background-image: url("tab.svg");
      }

      .return {
        background-image: url("ret.svg");
      }

      .mic {
        background-image: url("mic.svg");
      }

      .shift {
        background-image: url("shift.svg");
      }

      .hide {
        background-image: url("keyboard.svg");
      }
    </style>
  </head>
  <body id="b"></body>
</html>