@media (max-width: 1053px) and (orientation: landscape) {
      .buttonContainer {
          display: block;
          text-align: right;
          position: fixed !important;
          left: 25% !important;
          top: 25% !important;
      }
      #defaultCanvas0 {
          display: block;
          position: fixed !important;
          left: 5px !important;
        }
}
@media (max-width: 1052px) {
    .buttonContainer {
        display: block;
    }
}
@media (min-width: 1053px) {
    .buttonContainer {
        display: none;
    }
}
.buttonContainer {
    /* display: block; */
    margin:0;
    padding:0;
    width: 100%;
    position: fixed !important;
    bottom: 5px !important;
}
table {
    margin-left: auto !important;
    margin-right: auto !important;
    font-weight: 900;
    background: rgba(100,100,100,0.4);
    font-family: Inconsolata, sans-serif;
    border-radius: 50%;
}
table tr td {
    line-height: 60px;
    width: 60px;
    height: 60px;
    text-align: center;
    /* margin: 0;
    padding: 0; */
}
table tr .Btn {

    text-align: center;
    font-size: 60px;
}
#upBtn {
    margin-bottom: 5px;
    color: yellow;
}
#leftBtn {
    text-align: center;
    color: cadetblue;
    margin-right: 5px;
    margin-left: -5px;
}
#rightBtn {
    text-align: center;
    color: red;
    margin-left: 5px;
    margin-right: -5px;
}
#downBtn {
    margin-top: 5px;
    color: yellowgreen;
}
#leftBtn,
#rightBtn,
#upBtn,
#downBtn {
    /* position: relative; */
    /* margin: 3px; */
}

#leftBtn i,
#rightBtn i,
#upBtn i,
#downBtn i {
    /* position: absolute;
    top: -35px;
    left: -20px; */
    background: #323232;
    border-radius: 10%;
    /* padding: 5px; */
}