.layout .main {
    position: relative;
    overflow: hidden;
}

.layout .main::before {
    content: "I LIKE ACID TECHNO!1!";

    position: absolute;

    top: 20%;
    left: 10%;

    z-index: 0;
    pointer-events: none;
    user-select: none;

    font-family: "JetBrains Mono", monospace;
    font-size: clamp(32px, 5vw, 60px);
    font-weight: 700;
    letter-spacing: 0.08em;
    white-space: nowrap;

    color: rgba(0, 255, 136, 0.525);

    text-shadow:
        0 0 12px rgba(0, 255, 136, 0.04),
        0 0 30px rgba(0, 255, 136, 0.02);

    animation: god-drift 24s ease-in-out infinite alternate;
}

.layout .main > * {
    position: relative;
    z-index: 2;
}

@keyframes god-drift {
    0% {
        transform:
            translate(-5%, -10%)
            rotate(-2deg)
            scale(0.95);

        opacity: 0.25;
    }

    25% {
        transform:
            translate(25%, 15%)
            rotate(-23deg)
            scale(1);

        opacity: 0.45;
    }

    50% {
        transform:
            translate(15%, 45%)
            rotate(-1deg)
            scale(1.65);

        opacity: 0.9;
    }

    75% {
        transform:
            translate(45%, 25%)
            rotate(12deg)
            scale(0.98);

        opacity: 0.4;
    }

    100% {
        transform:
            translate(15%, 60%)
            rotate(-12deg)
            scale(1.33);

        opacity: 0.25;
    }
}