:root {
    --color-body-fg                 : #ff0000;
    --color-body-bg                 : #010101;
    --color-server-ok-fg            : #0c2000;
    --color-server-ok-bg            : #4caf50;
    --color-server-ko-fg            : #20000b;
    --color-server-ko-bg            : #af4c6d;
    --color-server-kk-fg            : #201700;
    --color-server-kk-bg            : #af704c;
    --server-size                   : 128px;
}
* {
    margin              : 0;
    padding             : 0;
    border              : none;
    box-sizing          : border-box;
}
html {
    height              : 100%;
    width               : 100%;
}
body {
    background          : var(--color-body-bg);
    height              : 100%;
    width               : 100%;
    overflow            : hidden;
}
server {
    cursor              : pointer;
    text-align          : center;
    font-family         : 'Courier New', Courier, monospace;
    display             : inline-block;
    width               : var(--server-size);
    height              : var(--server-size);
    line-height         : var(--server-size);
    position            : absolute;
    top                 : 0px;
    left                : 0px;
    border-radius       : 50%; 
    font-size           : 12px;
    transition          : all 0.3s ease;
}
server span {
    position            : absolute;
    top                 : 0px;
    left                : 0px;
    height              : 100%;
    width               : 100%;
    line-height         : calc( var(--server-size) * 1.5 );
    font-size           : 12px;
    font-weight         : 800;
    vertical-align      : bottom;
    pointer-events      : none;
}
server[aria-server-status=ok] {
    background-color    : var(--color-server-ok-bg); 
    color               : var(--color-server-ok-fg); 
}
server[aria-server-status=ko] {
    background-color    : var(--color-server-ko-bg); 
    color               : var(--color-server-ko-fg); 
}
server[aria-server-status=kk] {
    background-color    : var(--color-server-kk-bg); 
    color               : var(--color-server-kk-fg); 
}
info::-webkit-scrollbar-thumb,
servers::-webkit-scrollbar-thumb{
    background-color    : #102010;
    border-radius       : 8px;
}
info::-webkit-scrollbar-corner,
info::-webkit-scrollbar,
servers::-webkit-scrollbar{
    background-color    : #020402;
}
info::-webkit-scrollbar{ height              : 8px;}
info::-webkit-scrollbar,
servers::-webkit-scrollbar{width               : 8px;}
servers{
    display             : inline-block;
    height              : 100%;
    width               : 50%;
    position            : absolute;
    overflow-y          : auto;
    top                 : 0px;
    left                : 0px;
}
info{
    display             : inline-block;
    height              : 100%;
    width               : 50%;
    position            : absolute;
    overflow-y          : auto;
    top                 : 0%;
    left                : 50%;
    background-color    : #040804;
    padding-left        : 8px;
    padding-bottom      : 8px;
    color               : #0c0;
    white-space         : pre;
    font-family         : 'Consolas';
    font-size           : 12px;
}