body {			font-family: Arial, Verdana, Helvetica;
                background-color: black;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                background-attachment: fixed;
                margin: 0;
                height: 100vh;
                color: white; }
.dungeon {		background-color: black;
                color: white;
                box-decoration-break: clone;
                -webkit-box-decoration-break: clone;
                padding: 2px 2px 2px 2px;
                display: inline;
                padding: 5px 5px 5px 5px; }
.active {       background-color: chocolate;
                color: white;
                box-decoration-break: clone;
                -webkit-box-decoration-break: clone;
                padding: 2px 2px 2px 2px;
                display: inline;
                padding: 5px 5px 5px 5px; }
.panic {		background-color: red;
                color: white;
                box-decoration-break: clone;
                -webkit-box-decoration-break: clone;
                display: inline;
                padding: 5px 5px 5px 5px; }
th {			padding-right: 10px;
                text-align: left; }
td {			text-align: left; }
div#main {		margin-left: 15%;
                margin-right: 15%;
                margin-top: 2%; }
h1 {			font-size: 3.0rem; }
h2 {			font-size: 2.0rem;
                margin-bottom: 5px; }
table.data {	margin-top: 20px; }
a.dungeon {		color: white;
                font-weight: bold;
                padding-left: 0px;
                padding-right: 0px; }
a.dungeon:hover {	text-decoration: underline double; }
ul.nav {        display: flex; 
                list-style-type: none; 
                padding-left: 0px; }
ul.nav li {     margin-right: 10px; }
li.dungeon:hover {   outline: 2px solid white; }
li.dungeon {    text-decoration: underline double; }
li.greydwarf {  background-color: black;
                color: white;
                box-decoration-break: clone;
                -webkit-box-decoration-break: clone;
                padding: 2px 2px 2px 2px;
                display: inline;
                padding: 5px 5px 5px 5px; 
}
a.nav {         text-decoration: none; 
                font-weight: bold;
                color: white; }
div#div-loading {   background-color: black;
                    color: white;
                    width: fit-content;
                    position: fixed;
                    right: 10%;
                    top: 10%; }
img#img-loading {   height: 50px;
                    width: 50px; 
                    padding-top: 2px; }
img#img-map {       max-width: 1200px; }