body 
{ 
    margin: 0; 
    height: 100vh; 
    width: 100vw; 
    cursor: col-resize;
} 
debuggers 
{ 
    max-width: 100%; 
    width: 100vw; 
    height: 36px; 
    bottom: 0px; 
    background: aliceblue; 
    position: fixed; 
    display: inline-block; 
} 
debuggers > div
{ 
    height: 100%; 
    display: inline-block; 
    position: relative; 
    vertical-align: top;
    margin-right: 4px;
} 
debuggers > div:not(.bugger):not(.burger):not(.tan) 
{ 
    width: 36px; 
} 
debuggers > div > .rotate 
{ 
    width: 2px; 
    height: 72%; 
    top: 14%; 
    left: calc(50% - 2px); 
    background: #df4876; 
    position: absolute; 
} 
debuggers > div > span 
{ 
    width: 7em; 
    height: 72%; 
    margin-top: 14%; 
    font-size: 16px; 
    font-family: "consolas"; 
    display: inline-block; 
    height: 20px; 
    margin: 8px 0; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 
debuggers > #barra_de_salud 
{
    margin-right: 0;
    width: calc(100% - 484px);
    height: 12px;
    background-color: white;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 0 2px;
    box-sizing: content-box;
    margin-top: 11px;
}
debuggers > #barra_de_salud > #salud
{
    background-color: red;
    margin-top: 2px;
    height: 8px;
    width: 100%;
}
display
{
    width: 210px;
    height: 220px;
    display: block;
    position: absolute;
    right: 20px;
    background-color: #97736f;
    top: 14px;
    opacity: 0.4;
    padding: 7px 2px;
    box-sizing: border-box;
    border-top: 6px double black;
}
display map svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
display log {
    width: 100%;
    height: 58px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #01021334;
    padding: 13px 20px 12px 20px;
    box-sizing: border-box;
    color: #fdd9aa;
    font-family: consolas;
    white-space: nowrap;
    overflow: hidden;
}