#LogoutCounter
    {
        width: 100vw;
        height: 100vh;
        box-sizing: border-box;
        background-color: rgba(1, 0, 0, 0.5);
        position: absolute;
        top:0;
        left:0;
        z-index: 100;
    }
#LogoutCounterD1
    {
        width:40%;
        box-sizing: border-box;
        margin-left: 30%;
        margin-top: 40vh;
        background-color: white;
        border:solid 1px gray;
        border-radius: 5px;
        box-shadow: 1px 3px 5px gray;
        text-align: center;
    }
.loading
    {
        margin:50px;
    }
.loading:after 
    {
        content: ' .';
        animation: dots 1s steps(5, end) infinite;
    }
@keyframes dots 
    {
        0%, 20% 
            {
                color: rgba(0,0,0,0);
                text-shadow:
                .25em 0 0 rgba(0,0,0,0),
                .5em 0 0 rgba(0,0,0,0);
            }
        40% 
            {
                color: white;
                text-shadow:
                .25em 0 0 rgba(0,0,0,0),
                .5em 0 0 rgba(0,0,0,0);
            }
        60% 
            {
                text-shadow:
                .25em 0 0 white,
                .5em 0 0 rgba(0,0,0,0);
            }
        80%, 100% 
            {
                text-shadow:
                .25em 0 0 white,
                .5em 0 0 white;
            }
    }