body{
    box-sizing: border-box;
    padding: 0;
    margin:  0;
    color: white;
    /*background: linear-gradient(90deg, rgba(36,36,36,1) 0%, rgba(36,36,36,1) 95%, rgba(102,102,102,1) 100%);*/
    background: #313131; 
    /*background: #001300;*/
    /*text-align: center;*/
}

div[style*="title"]{
    animation: ChangeLoaderColor 8s linear infinite;
    align-items: center;
    text-align: center;
}
div[style*="title"]:hover{
    /*color:  blue;*/
    /*background: black;*/
}

.LoaderAnimation{
    position: relative;
    width: 100%;
    height: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    /*flex-direction: column;*/
    /*background: #0013;*/  
}

@keyframes ChangeLoaderColor{
    0%{
        filter: hue-rotate(0deg);
    }
    100%{
        filter: hue-rotate(360deg);
    }
}

section h2{
    color: #00ff0a;
    font-family: consolas;
    /*font-weight: 10%;*/
    font-size: 250%;
    letter-spacing: 10px;
}

.LoaderAnimation .dot{
    position: relative;
    display: block;
    width: 1%;
    height: 20%;
    background:#00ff0a;
    box-shadow: 0 0 5px #00ff0a,
                0 0 10px #00ff0a,
                0 0 20px #00ff0a,
                0 0 30px #00ff0a,
                0 0 40px #00ff0a,
                0 0 50px #00ff0a,
                0 0 60px #00ff0a,
                0 0 70px #00ff0a,
                0 0 80px #00ff0a,
                0 0 90px #00ff0a,
                0 0 100px #00ff0a;
    /*color: blue;*/
    margin: 1%;
    /*margin: 5% 15%;*/
    transform: scale(0);
    border-radius: 50%;
    animation: animateLoaderDots 4s linear infinite;
    animation-delay: calc(0.1s * var(--i));
    /*animation-delay: calc(0.05s * var(--i));*/
}

@keyframes animateLoaderDots{
    0%{
        transform: scale(0);
    }
    35%{
        transform: scale(0);
    }
    50% {
        transform: scale(0.5);
    }
    65%{
        transform: scale(0);
    }
    100%{
        transform: scale(0);
    }
}

[style*="BottomPage"]{
    /*color:  blue;*/
    position: fixed;
    bottom: 0;
}
div[style*="div::BottomPage"]{
    /*color:  blue;*/
    position: fixed;
    bottom: 0;
}

[style*="indent"]{
    text-indent: 40px;
}

/* unvisited link */
a:link {
  color: sandybrown;
}

/* visited link */
a:visited {
  color: sandybrown;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
/*a:active {
  color: black;
} */

.clock {
    position: absolute;
    top: 0%;
    left: 0%;
    /*transform: translateX(-50%) translateY(-50%);*/
    color: #E9A734;
    font-size: 15px;
    font-family: Orbitron;
    letter-spacing: 2px;
}