body {
overflow: hidden;
}
    #Down {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%; 
    left: 0%;
    z-index: 1;
    display: none;
}
#Loading {
    position: absolute;
    width: 50%;
    height: 50%;
    top: 35%; 
    left: 24%;  
    z-index: 2;
}
#Logo {
    position: relative;
    text-align: center;
    font-weight: bolder;
    text-shadow: 2px 2px black;
    font-size: 100px;
    animation-name: Rainbow;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    z-index: 3;
    color: violet;
}

@keyframes Rainbow {
    0%   {color: violet; font-size: 100px; transform: rotate(0deg);}
    25%   {color: purple; font-size: 150px; transform: rotate(25deg);}
    50%   {color: blue; font-size: 100px; transform: rotate(0deg);}
    75%   {color: lightskyblue; font-size: 50px; transform: rotate(-25deg);}
    100%  {color: lime; font-size: 100px; transform: rotate(0deg);}
}