body, html {
overscroll-behavior-y: contain; /* blocks pull-to-refresh / swipe back */
  overflow: hidden;
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#9df6b9;
    --col-1- :#8c8c8c;
    font-family:'Jazz LET, fantasy';
}
.body canvas{
    width:100%;
    max-width:600px;
    position:relative;
}
.layout .body{
    position:relative;
    width:100%;
}
.menuDialog{
    width:100% !important;
    max-width:600px;
    max-width: 600px;
    text-align: center;
    position: absolute;
    top: 0px;
    left:0px;
    z-index:99;
    background:#97dfff85;
    padding: 20px;
}
.menuDialog table, .menuDialog td {
    width:100%;
}
.menuDialog button{
    width: 100%;
    background:linear-gradient(#ffbebe,#7bf9b2);
    border:none;
    font-weight:bold;
    font-size:24pt;
    margin:0px 0px 5px 0px;
}
*{
    box-sizing:border-box;
    border-collapse:collapse;
    user-select:none;
}