body {
    margin: 0;
    background-color: #000;
    font-family: Arial Rounded Bold;
    color: white;
}
.oprompt-ipad,
.oprompt-mobile {
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000000;
    background-image: url("../gui/orientation_prompt.png");
}

.oprompt-tablet-other {
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000000;
    background-image: url("../gui/orientation_prompt.png");
    margin-top: 112% !important;
}

.oprompt-tablet-chrome {
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000000;
    background-image: url("../gui/orientation_prompt.png");
}

.android-firefox {
    margin-top: 150% !important;
}

.splash-screen {
    background-size: cover;
    position: fixed;
    max-width: 1280px;
    max-height: 720px;
}

.vend-bses,
.vend-gi,
.vend-27,
.vend-7,
.vend-25,
.vend-26,
.vend-b10,
.vend-bs,
.vend-bsee,
.vend-bslv,
.vend-bsa,
.vend-bsafe,
.vend-bsg,
.vend-cdk,
.vend-cmax,
.vend-cmet,
.vend-cse,
.vend-dh,
.vend-erb,
.vend-13,
.vend-kro,
.vend-mbb,
.vend-5,
.vend-mrs,
.vend-ndb,
.vend-nga,
.vend-nsk,
.vend-14,
.vend-orj,
.vend-sl,
.vend-stc,
.vend-suv,
.vend-sva,
.vend-trb,
.vend-h10,
.vend-galac,
.vend-galab,
.vend-coral,
.vend-erc,
.vend-nbdk,
.vend-bsdk {
    background-color: #000;
    background-image: url("../gui/orientation_prompt.png");
}

.removeNavBar {
    background-image: url("./assets/scroll-up.gif");
    background-size: 30%;
    background-position: 50% 20%;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 340px;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 1em;
    display: block;
}

canvas {
    font-family: Arial Rounded Bold;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.buttons {
    width: 100%;
    word-break: break-all;
}
.buttons td:nth-child(1),
.buttons th:nth-child(1) {
    width: 19% !important;
    box-sizing: border-box;
    padding: 2px;
}

.buttons td:nth-child(2),
.buttons th:nth-child(2) {
    width: 25% !important;
    box-sizing: border-box;
    padding: 2px;
}

.buttons td:nth-child(3),
.buttons th:nth-child(3) {
    width: 26% !important;
    box-sizing: border-box;
    padding: 2px;
}

.buttons td:nth-child(4),
.buttons th:nth-child(4) {
    width: 26% !important;
    box-sizing: border-box;
    padding: 2px;
}

.buttons td *,
.buttons th * {
    max-width: 95%;
    height: auto;
}
dd {
    margin-inline-start: 0;
}

.chipCovers td,
.chipCovers th {
    width: 33% !important;
    box-sizing: border-box;
    padding: 2px;
}

.mainButtons td,
.mainButtons th {
    width: 50% !important;
    box-sizing: border-box;
    padding: 2px;
}

.chipCovers,
.mainButtons {
    width: 100% !important;
    word-break: break-all;
}

table {
    max-width: 100% !important;
}