.navbar-inverse { background-color: #000; border-bottom: 3px solid #ff0000; }
.navbar-inverse .navbar-brand { background: #ff0000; color: #000 !important; font-weight: bold; font-size: 36px; padding: 15px 15px; line-height: 1; }
.navbar-inverse .navbar-brand:hover { background: #fff; color: #000; }
.navbar-inverse .navbar-nav>li>a { color: #ff0000 !important; font-size: 22px; padding: 22px 15px; line-height: 1; }
.navbar-inverse .navbar-nav>li>a:hover { background: #ff0000; color: #000; }
.navbar-inverse .navbar-toggle { border: 2px solid #ff0000; background: #000; font-size: 22px; padding: 10px 14px; }
.navbar-inverse .navbar-toggle .icon-bar { background: #ff0000; width: 30px; height: 4px; }
.navbar-inverse .navbar-toggle:hover { background: #ff0000; }

.footer, .BOTTOMTEXT { background: transparent; color: #ff0000; padding: 0.5rem; text-align: left; border: none; }
.footer a, .BOTTOMTEXT a { display: inline-block; background: #000; color: #ff0000; text-decoration: none; font-weight: bold; padding: 1px 3px; margin: 0 2px 0 0; border: 1px solid #ff0000; }
.footer a:hover, .BOTTOMTEXT a:hover { background: #ff0000; color: #000; }

@media (max-width: 700px) { .navbar-inverse .navbar-brand { font-size: 20px; padding: 18px 10px; } .navbar-inverse .navbar-nav>li>a { font-size: 18px; } }

.STATWRAP { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; width: 94%; margin: 0 auto 1.25rem auto; }
.STATBOX { border: 4px solid #ff0000; background: #000; padding: 0.8rem 1.2rem; text-align: center; font-weight: bold; color: #fff; font-size: 1.6rem; }
.STATBOX .LEGNED { font-size: 1.6rem; color: #ff0000; margin-top: 0.3rem; font-weight: normal; }