ent;
      }

      div#keyboard-container {
        --keyboard-padding-horizontal: 10px;
        --keyboard-padding-bottom: 10px;
      }

      #keyboard-container::before {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        left: 50%;
        top: 0;
        border: 20px solid transparent;
        border-top: 0;
        border-bottom: 20px solid #ddd;
        transform: translate(-50%, -19px);
      }
    </style>
  </head>

  <body>
    <header><h1>MathLiv