#alertZone {
    position: absolute;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    pointer-events: none;
}
#alertZone.act {
    background-color: #0003;
    pointer-events: all;
}
    #alertZone #alert {
        opacity: 0;
        transition: .2s opacity;
        position: absolute;
        box-shadow: 0 0 3px #777 ;
        bottom:30%;
        left:50%;
        padding: 21px 17px;
        border-radius: 9px;
        min-width: 270px;
        min-height: 110px;
        transform: translate(-50%, -50%);
        background-color: #101517;
        color: #EEE;
        
    }
    #alertZone #alert.show {
        opacity: 100%;
        pointer-events: all;
    }
        #alertZone #alert .confirm {
            position: absolute;
            color: black;
            background-color: #EEE;
            border-radius: 21px;
            padding: 9px 15px;
            bottom: 11px;
            right: 15px;
            cursor: default;
            user-select: none;
        }
        #alertZone #alert .confirm:active {
            background-color: #CCC;
        }

.toptext {
    font-size: 27px;
    font-weight: bold;
    color: rgb(178 0 255);
}

#monitoring
{
    color: #447;
    font-size: 45px;
}

    #monitoring > span
    {
        color: #555;
        font-size: 17px;
    }

#siteid
{
    background-color: #0059;
    letter-spacing: -4px;
    font-weight: 400;
    font-size: 35px;
    padding: 0 30px;
    color: #FFF;
}