body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.menu {
    bottom: 0;
    left: 0;
    position: absolute;
  }

.zoom {
    position: absolute;
    top: 4em;
    left: 0;
}

.zoomButton {
    padding: 5px;
    height: 40px;
    width: 40px;
    margin: 0px 0px 2px 0px;
    font-size: 20px;
}

field.no_selection {
    user-select: none; /* standard syntax */
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.block {
 margin-left: 5px;
 padding: 10px;
 background-color: #979595;
}


.inner-block {
    margin-left: 0px;
    border: 0px solid;
    padding: 0px;
}

.timer {
    font-size: 20px;
}

button {
   font-size: 25px;
}

.disable-dbl-tap-zoom {
  touch-action: manipulation;
}

@media (max-width: 1100px) {

    .zoomButton {
        height: 30px;
        width: 30px;
        font-size: 15px;
    }

    button {
       font-size: 15px;
    }

    .timer {
        font-size: 15px;
        margin-left: 5px;
    }
}