body {
    position: relative;
    min-height: 100vh;
    isolation: isolate;
}

.got-ambient-lights {
    position: fixed;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.got-ambient-light {
    position: absolute;
    display: block;
    width: 25vw;
    height: 25vw;
    min-width: 500px;
    min-height: 500px;
    border-radius: 70%;
    filter: blur(90px);
    will-change: transform;
}

.got-ambient-light--magenta {
    top: -20%;
    left: -15%;
    background: var(--got-magenta-450);
    opacity: 0.22;
    animation: got-light-magenta 16s ease-in-out infinite alternate;
}

.got-ambient-light--blue {
    top: 10%;
    right: -20%;
    background: var(--got-magenta-340);
    opacity: 0.16;
    animation: got-light-blue 20s ease-in-out infinite alternate;
}

.got-ambient-light--violet {
    bottom: -30%;
    left: 20%;
    background: var(--got-violet);
    opacity: 0.14;
    animation: got-light-violet 24s ease-in-out infinite alternate;
}

.md-container {
    position: relative;
    z-index: 1;
}

.md-container,
.md-main,
.md-main__inner,
.md-content,
.md-content__inner {
    background: transparent !important;
}

.md-header {
    z-index: 4;
}

.md-sidebar {
    z-index: 2;
}

@keyframes got-light-magenta {
    from {
        transform: translate3d(-10vw, -10vh, 0) scale(0.85);
    }

    to {
        transform: translate3d(55vw, 55vh, 0) scale(1.15);
    }
}

@keyframes got-light-blue {
    from {
        transform: translate3d(10vw, -10vh, 0) scale(1.1);
    }

    to {
        transform: translate3d(-55vw, 50vh, 0) scale(0.9);
    }
}

@keyframes got-light-violet {
    from {
        transform: translate3d(-20vw, 20vh, 0) scale(1);
    }

    to {
        transform: translate3d(45vw, -60vh, 0) scale(1.2);
    }
}