$base_font_size: 92%;


body {
    margin: 0;
    padding: 0;

    font-family: "Roboto", sans-serif;

    font-size: $base_font_size;
    line-height: normal;
}

.fa, .far, .fas {
    font-size: 120%;
}

table, input, markdown {
    font-size: $base_font_size;
}

h1 {
    font-size: 3ex;
    font-weight: 900;
    color: $color_h1_text;
    margin: 1em;
}

h2 {
    padding: 0;
    font-size: 180%;
    font-weight: bold;
    color: $color_h2_text;
}

h3 {
    font-size: 190%;
    font-weight: 900;
    color: #156ca4;
    margin-bottom: 1em;
}

h4 {
    color: #43abee;
}

h5 {
    font-size: 90%;
    font-weight: 900;
    color: $color_h5_text;
    margin-bottom: 0.5em;
    padding-left: 0.5em;
}

h6 {
    font-size: 70%;
    font-weight: 900;
    color: $color_h6_text;
    margin-bottom: 1em;
}

select,
select option {
    font-family: "Font Awesome 5 Free", "Roboto", sans-serif;
    font-weight: 501;
}

.fa-1_5x {
    font-size: 1.5em !important;
}

strong {
    font-weight: bold;
}