@font-face {
    font-family: 'AmericanSans';
    src: url('fonts/americansans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'AmericanSans', sans-serif !important;
}

.badge-outline-primary {
    background-color: #fff;
    color: #0d6efd; /* Bootstrap primary color */
    border: 1px solid #0d6efd;
}

.badge-outline-warning {
    background-color: #fff;
    color: #fbbd00;
    border: 1px solid #fbbd00;
}

.badge-outline-info {
    background-color: #fff;
    color: #0dcaf0;
    border: 1px solid #0dcaf0;
}

.badge-outline-danger {
    background-color: #fff;
    color: #dc3545;
    border: 1px solid #dc3545;
}