header.navbar { background-image: url("../img/horizon.png"); } span.navbar-brand { position: absolute; right: 110px; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; } input:invalid { border: 2px solid red; } .ko-or-dead { color: coral; text-decoration: line-through; background-color: darkslategray; } .table-primary { font-weight: bold; } .badge.bg-warning { left: 12px; bottom: -4px; width: 20px; } .badge.bg-danger { left: 12px; top: 12px; width: 20px; } .damage-monitor { position: absolute; z-index: 20; top: 40px; right: -8px; width: 60px; } .damage-monitor th { width: 28px; height: 28px; /* background-color: white;*/ /* border: solid darkgray 1px;*/ padding: 3px; } .damage-monitor td { width: 30px; height: 24px; } .damage-monitor button { font-size: smaller; height: 24px; width: 30px; padding: 2px; } .damage-monitor button.active { filter: brightness(91%); } .damage-monitor td button img { position: relative; top: -2px; } footer p { font-size: x-small; margin-bottom: .5rem; } footer hr { margin: .5rem 0;