html {
    background-color: #000000;
    border-color: brown;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    display: block;
    font-family: 'itgaming05';
    font-size: 1.6vw;
}
  
body {
    margin: 0;
    padding: 0;
    color: white;
}

embed {
    margin: 0;
    padding: 0;
}

#help {
    display: flex;
    flex-direction: column;
    font-size: 3.0vw;
}

#help-content {
    max-height: 86vh;
    overflow-y: scroll;
}

#help-content h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4.5vw;
    background: linear-gradient(180deg, #d1ac30,
    #ffff66 16%, #ffffff 20%, #ffe600 42%, #e3b600 67%, #ffff66 87%, #fffbdb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#help-content h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4vw;
    background: linear-gradient(180deg, #d1ac30,
    #ffff66 16%, #ffffff 20%, #ffe600 42%, #e3b600 67%, #ffff66 87%, #fffbdb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#help-content ul {
    margin: 0;
    padding: 0;
    padding-left: 3vw;
    list-style-type: square;
}

.help-footer {
    text-align: center;
}

.help-last--box {
    position: relative;
}

.help-last--table-btns {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    margin: 0;
    padding: 2vw;
    vertical-align: middle;
}

/* Navigation Buttons for SD */
.nav-menu table {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    vertical-align: middle;
}

.nav-menu button {
    border: none;
    background-color: #000000;
    margin: 0;
    padding: 0;
    background-image: url("./images/ui/page_button_off.png");
    background-size: 9.5vw 9.5vw;
    background-repeat: no-repeat;
    width: 9.5vw;
    height: 9.5vw;
    display: block;
}

/* Navigation Buttons -- Page 1 */
.nav-item-page1 {
    position: relative;
    margin: 0;
    padding: 0;
    height: 5vh;
}

.nav-item-page1--num {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 2vw;
    height: 2.5vh;
    font-size: 2vh;
    color: white;
}

/* Navigation Buttons -- Page 2 */

.nav-item-page2 {
    position: relative;
    margin: 0;
    padding: 0;
    height: 5vh;
}

.nav-item-page2--num {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 2vw;
    height: 2.5vh;
    font-size: 2vh;
    color: white;
}

/* Navigation Buttons -- Page 3 */

.nav-item-page3 {
    position: relative;
    margin: 0;
    padding: 0;
    height: 5vh;
}

.nav-item-page3--num {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 2vw;
    height: 2.5vh;
    font-size: 2vh;
    color: white;
}

/* Navigation Buttons -- Page 4 */

.nav-item-page4 {
    position: relative;
    margin: 0;
    padding: 0;
    height: 5vh;
}

.nav-item-page4--num {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 2vw;
    height: 2.5vh;
    font-size: 2vh;
    color: white;
}

/* Navigation Buttons -- Page 5 */

.nav-item-page5 {
    position: relative;
    margin: 0;
    padding: 0;
    height: 5vh;
}

.nav-item-page5--num {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 2vw;
    height: 2.5vh;
    font-size: 2vh;
    color: white;
}

/* Navigation Buttons -- Page 6 */

.nav-item-page6 {
    position: relative;
    margin: 0;
    padding: 0;
    height: 5vh;
}

.nav-item-page6--num {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 2vw;
    height: 2.5vh;
    font-size: 2vh;
    color: white;
}

/* Navigation Buttons -- Last Page */

.nav-item-last {
    position: relative;
    margin: 0;
    padding: 0;
    height: 5vh;
}

.nav-item-last--num {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 2vw;
    height: 2.5vh;
    font-size: 2vh;
    color: white;
}

.nav-item-done {
    position: relative;
    margin: 0;
    padding: 0;
    height: 4.4vh;
}

.nav-item-done button {
    border: none;
    background-color: #000000;
    margin: 0;
    padding: 0;
    background-image: url("./images/ui/page_button_done.png");
    background-size: 20vw 4.59vh;
    background-repeat: no-repeat;
    width: 20vw;
    height: 4.59vh;
    display: block;
}

.nav-item-done--num {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 12vw;
    height: 2vh;
    font-size: 2vh;
    color: white;
}

/* font converted using font-converter.net. thank you! */

@font-face {
    font-family: "itgaming05";
    
    src: url("./fonts/itgaming05.woff") format("woff"), /* Modern Browsers */
        url("./fonts/itgaming05.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

/* Test Code */

/* Uncomment to Hide Linked Text */
/*
.linked {
    display: none;
}
*/

/* Uncomment to Hide Jackpot Text */
/*
.jackpot {
    display: none;
}
*/

/* Uncomment to view all Table Frames */
/*
table, th, td {
    border: 1px solid;
}
*/

/*
ul, li {
    border: 1px solid;
}
*/

/* Uncomment to Hide HD Text */
/*
#help-hd {
    display: none;
}
*/

/* Uncomment to show HD table borders */
/*
#help-hd__content table, #help-hd__content tr, #help-hd__content td {
    border: 1px solid;
}
*/

/* Uncomment to Hide SD Text */
/*
#help {
    display: none;
}
*/

/* Uncomment to show SD table borders */
/*
#help-content table, #help-content tr, #help-content td {
    border: 1px solid;
}
*/

/* Uncomment to Hide Last Page Buttons */
/*
.help__last--auto {
    display: none;
}
*/

/*
.help__last--lobby {
    display: none;
}
*/

/*
.help__last--turbo {
    display: none;
}
*/

/*
.help__last--sound {
    display: none;
}
*/

/*
.help__last--recall {
    display: none;
}
*/

/*
.help__last--help {
    display: none;
}
*/