.debug-console {
display: none;
z-index: 100;
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
overflow: auto;
color: #FFFFFF;
background-color: rgba(22, 37, 66, 0.95);
}

.debug-console>div {
padding: 80px;
}

.debug-console h2 {
margin: auto auto 20px;
font-weight: bold;
font-size: 200%;
}

.debug-console th, .debug-console td {
border-bottom-color: rgb(70, 89, 127);
padding: 10px 0;
vertical-align: top;
color: #fff;
}

.debug-console th {
width: 20%;
}

.debug-console td {
width: 80%;
}

.debug-console-close {
padding: 0px !important;
}

.debug-console-close a {
text-align: center;
position: absolute;
top: 40px;
right: 40px;
width: 60px;
height: 60px;
line-height: 55px;
color: #fff;
border: solid 2px #fff;
cursor: pointer;
font-weight: bold;
border-radius: 9999px;
font-size: 120%;
transition: all 0.3s;
}

.debug-console-close a:hover {
text-decoration: none;
background-color: #fff;
color: rgb(70, 89, 127);
border: solid 2px rgb(70, 89, 127);
}

.debug-console pre {
white-space: pre-wrap;
}

.debug-console .more {
text-align: right;
display: none;
margin: 0;
}
.debug-console pre {
margin: 0;
padding: 0;
}
.debug-console code {
text-align: left;
margin: 0;
padding: 0;
}