@font-face {
    font-family: "Font Awesome 5 Brands Regular";
    src: url("../fonts/Font\ Awesome\ 5\ Brands-Regular-400.otf");
}

@font-face {
    font-family: "Font Awesome 5 Free Regular";
    src: url("../fonts/Font\ Awesome\ 5\ Free-Regular-400.otf");
}

@font-face {
    font-family: "Font Awesome 5 Free Solid";
    src: url("../fonts/Font\ Awesome\ 5\ Free-Solid-900.otf");
}

.fab {
    font-family: "Font Awesome 5 Brands Regular";
}

.far {
    font-family: "Font Awesome 5 Free Regular";
}

.fas {
    font-family: "Font Awesome 5 Free Solid";
}

.badge-row {
    display: flex;
    flex-wrap: wrap;
}

.badge-green,
.badge-blue,
.badge-orange,
.badge-red,
.badge-yellow {
    border-radius: 5px;
    background: #545454;
    color: white;
    font-style: normal;
    overflow: hidden;
    margin-right: 5px;
    margin-bottom: 10px;
}

.badge-green>*,
.badge-blue>*,
.badge-orange>*,
.badge-red>*,
.badge-yellow>* {
    padding: 5px;
    margin: 0px;
}

.badge-green>*:nth-child(2) {
    background: #46c018;
}

.badge-blue>*:nth-child(2) {
    background: #097abb;
}

.badge-orange>*:nth-child(2) {
    background: #ec7839;
}

.badge-red>*:nth-child(2) {
    background: #d25d46;
}

.badge-yellow>*:nth-child(2) {
    background: #d0a91d;
}