#loaderbg {
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        width: 100vw;
        height: 100vh;
        background: linear-gradient(var(--darkfinal), var(--background2));
        display: flex;
        justify-content: center;
        align-items: center;
        
        z-index: 9999999999999999999999999999;
        visibility: visible;
        opacity: 1;
    }

.loader {
    margin: 0 40px;
    --s: 12px;
    width: calc(var(--s)*2.33);
    aspect-ratio: 1;
    display: flex;
    justify-content: space-between;
    animation: l29-0 1s linear infinite;
    }
.loader::before,
.loader::after {
    content: "";
    width: var(--s);
    --_g: no-repeat radial-gradient(farthest-side,var(--lightfinal) 90%,#ffffff00);
    background:
        var(--_g) top,
        var(--_g) bottom;
    background-size: 100% var(--s);
    transform-origin: 50% calc(100% - var(--s)/2);
    animation: inherit;
    animation-name: l29-1;
    }
.loader::after {
    --_s:-1;
    }
    @keyframes l29-0 {
        100% {transform:translateY(calc(var(--s) - 100%))}
    }
    @keyframes l29-1 {
        100% {transform:rotate(calc(var(--_s,1)*-180deg))}
    }
#loadertext {
    font-family: wiki;
    letter-spacing: 0.3em;
    color: var(--lightfinal);
}