@font-face {
    font-family: 'Badaboom';
    src: url('BADABB__.TTF') format('truetype');
}
@font-face {
    font-family: 'Komika_text';
    src: url('KOMTXTB_.woff') format('woff'),
    url('KOMTXTB_.woff2') format('woff2'),
    url('KOMTXTB_.TTF') format('truetype');
}

head {
    text-align: center;
}

h1 {
    font-family: Badaboom;
    font-size: 8vw;
    text-align: center;
    margin-bottom: 1vw;
    margin-top: 1vw;
}

h2 {
    margin-bottom: 0;
    margin-top: 0.5vw;
    font-size: 3vw;
}

p {
    margin-top: 0.5vw;
    margin-bottom: 2vw;
    font-size: 4vw;
}

main {
    display: flex;
}

.tbs_d6_img {
    width: 5vW;
    height: 5vw;
    margin: 0.5vw;
}

.tbs_d10_img {
    height: 20vw;
    margin: 1vw;
}

button
{
    border-width: 0;
    font-family: Badaboom;
    color: white;
}

.tbs_long_button {
    background-color: #00385A;
    border-radius: 2.5vw;
    width: 17vw;
    height: 5vw;
    margin: 0.5vw;
    font-size: 2.8vw;
}

.tbs_d6_button {
    background-color: #00385A;
    border-radius: 50%;
    width: 5vw;
    height: 5vw;
    margin: 0.5vw;
    font-size: 2.8vw;
}

.tbs_name_button {
    background-color: #D37023;
    /* font-family: Komika_text; */
    border-radius: 3vw;
    width: 13vw;
    height: 6vw;
    margin: 0.5vw;
    font-size: 1.8vw;
}

.name {
    font-family: Komika_text;
    font-size: 2.2vw;
}

#tbs_dice_buttons {
    width: 21vw;
}

#tbs_dice_display {
    width: 58vw;
    text-align: center;
}

#tbs_dice_results {
    font-family: Badaboom;
    color: #5D3755;
    width: 21vw;
    text-align: center;
}