:root{
    --main: #ffffff;
    --second: white;
  }
  html, body{
    height: 100%;
  }
  * {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

    body {
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      background-color: rgb(249, 249, 249);
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        flex-direction: column;
      }

      .keys{
        font-size:8px; 
        margin-top:12px;
        display: none;
      }

      @media (min-width:1025px) {
        body{
          transform: scale(2.1);
          overflow: hidden;
        }
        .keys{
          display: inline-block;
        }
       }

      h1{
        margin-top: 0px;
        padding: 0;
      }

      button{
        width: 130px;
        height: 36px;
        font-weight: 700;
        border-radius: 7px;
      }

      .title{
        font-size: 24px;
        margin-bottom: 60px;
      }

      .helpers{
        width: 300px;
        display: flex;
        justify-content: space-evenly;
        margin-top: 15px;
        margin-bottom: 50px;
        margin-right: 120px;
      }
      .speaker{
        display: inline;
      }