h1 {
    color: orange;
}

h6 {
    font-size: 0.9em;
    line-height: 1;
}

.board_font_serif {
    font-family: 'Cutive Mono', 'Prestige Elite', 'Courier Prime', 'Xanh Mono', 'Triplicate';
    font-weight: 600;
    font-style: normal;
    font-variant-ligatures: none;
}

.board_font_sans_serif {
    font-family: 'Overpass Mono', 'Source Code Pro', 'Roboto Mono', 'JetBrains Mono';
    font-style: normal;
    font-variant-ligatures: none;
}

.center {
    text-align: center;
}

#font_field {
    color: orange;
    margin-top: 1em;
    float: right;
}

.font_serif {
    font-family: 'Cutive Mono', 'Prestige Elite', 'Courier Prime', 'Xanh Mono', 'Triplicate';
    font-weight: 500;
    font-style: normal;
    line-height: 1.5em;
    letter-spacing: -1px;
    font-variant-ligatures: none;
}

.font_sans_serif {
    font-family: 'Overpass Mono', 'Source Code Pro', 'Roboto Mono', 'JetBrains Mono';
    line-height: 1.5em;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -1px;
    font-variant-ligatures: none;
}

.game_board {
    align-items: center;
    align-content: center;
    font-size: clamp(calc(var(--font-ratio) * .4rem), calc(var(--font-ratio) * 1.4vw), calc(var(--font-ratio) * 1.4rem));
    line-height: .8em;
    letter-spacing: clamp(calc(var(--font-ratio) * .06rem), calc(var(--font-ratio) * .08rem), calc(var(--font-ratio) * .15rem));
}

.game_holder {
    padding-left: 5px;
    padding-right: 5px;
}

.game_name {
    font-variant: small-caps;
    color: orange;
    padding-left: 5px;
    padding-right: 5px;
}

.grid {
    text-align: center;
}

.mycontent {
    padding-left: 2px;
    padding-right: 2px;
}

#print_button:hover {
    cursor: pointer;
}

.print_0 {
    font-size: 2.0em;
    line-height: 1.4em;
    letter-spacing: .8em;
}

.print_15 {
    font-size: 1.8em;
    line-height: 1em;
    letter-spacing: .4em;
}

.print_25 {
    font-size: 1.6em;
    line-height: .9em;
    letter-spacing: .25em;
}

.print_35 {
    font-size: 1.4em;
    line-height: .9em;
    letter-spacing: .15em;
}

.print_45 {
    font-size: 1.2em;
    line-height: .8em;
    letter-spacing: .1em;
}

.warning {
    color: red;
    font-size: 1.1em;
}

.word_list_board {
    font-size: clamp(calc(var(--font-ratio) * .4rem), calc(var(--font-ratio) * 1vw), calc(var(--font-ratio) * 1.1rem));
    line-height: 1.1em;
}

.word_list_print {
    font-size: 1.2em;
}

.your_words {
    font-variant: small-caps;
    color: orange;
}

@media (min-width: 578px) {
    #font_field {
        margin-top: 3em;
    }
}

@media (min-width: 768px) {
    .game_name {
        padding-left: 15px;
        padding-right: 15px;
    }
    .game_holder {
        padding-left: 15px;
        padding-right: 15px;
    }
}