body, html {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    height: 95%;
    background-color: #2a2a2e;
}

#main {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    height: 90%;
}

#bingo {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 3px;
    padding-left: 0px;
}

#footer {
    margin-top: 3%;
}

.text-form {
    text-align: center;
    font-family: Sans-serif;
    color: #b3b3b3;
}

.border {
    border-width: 3px;
    border-color: #b3b3b3;
    border-style: double;
    box-sizing: border-box;
    padding: 4px;
}

.field {
    position: relative;
    display: inline-block;
    margin-left: 3px;
}

.text-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

.text-holder {
    display: table-cell;
    vertical-align: middle;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.text-holder:hover {
    cursor: pointer;
}