.navbar-nav > li > a
{
    padding-top: 16px;
    padding-bottom: 16px;
}

.navbar-header {
    display: flex;
}

.navbar-header button {
    margin-left: auto;
}

.navbar-header.active > a
{
    color: #fff;
    background-color: #272727;
}

.bs-sidenav a {
    text-overflow: ellipsis;
    overflow: hidden;
}

.alpha_checkered {
    width: %1px;
    height: %2px;
    background-color: white;
    background-size: 64px 64px;
    background-image:
        linear-gradient(to right, rgba(0, 0, 0, .3) 50%, transparent 50%),
        linear-gradient(to bottom, rgba(0, 0, 0, .3) 50%, transparent 50%),
        linear-gradient(to bottom, white 50%, transparent 50%),
        linear-gradient(to right, transparent 50%, rgba(0, 0, 0, .5) 50%);
}

.table-plain {
    width: auto;
}
.table-plain tr, .table-plain td {
    border: none !important;
    background: none !important;
}

@font-face {
    font-family: 'Dongle';
    size-adjust: 175%;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dongle/v12/sJoG3Ltdjt6VPkqeActrYg.ttf) format('truetype');
}

@font-face {
    font-family: 'Dongle';
    size-adjust: 175%;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dongle/v12/sJoG3Ltdjt6VPkqeEcxrYg.ttf) format('truetype');

}

h1, h2, h3, h4, h5, h6, .navbar-brand {
    font-family: 'Dongle', sans-serif;
    font-weight: 700;
}

h4 {
    font-style: normal;
}

.nav {
    font-family: 'Dongle', sans-serif;
    font-weight: 400;
}
