/* Please follow all License terms. Located at https://plugins.dangoweb.ga/LICENSE. Thank you. */

html {
    --glow-one: black;
    --glow-two: blue;
}

.glow {
    text-shadow: -0.2rem -0.2rem 1rem var(--glow-one), 0.2rem 0.2rem 1rem var(--glow-one), 0 0 2rem var(--glow-two), 0 0 4rem var(--glow-two), 0 0 6rem var(--glow-two), 0 0 8rem var(--glow-two), 0 0 10rem var(--glow-two);
}



.folded-wrapper {
}

    .folded-wrapper .folded {
        text-transform: uppercase;
        transform: skew(10deg) rotate(-10deg);
        text-rendering: optimizeLegibility;
        font-weight: 900;
        color: var(--folded-one);
        text-shadow: 1px 4px 6px #e6e2df, 0 0 0 #66303a, 1px 4px 6px #e6e2df;
        white-space: nowrap;
    }

        .folded-wrapper .folded:before {
            content: attr(data-heading);
            position: absolute;
            left: 0;
            top: -4.8%;
            overflow: hidden;
            width: 100%;
            height: 50%;
            color: var(--folded-two);
            transform: translate(1.6vw, 0) skew(-13deg) scale(1, 1.2);
            z-index: 2;
            text-shadow: 2px -1px 6px rgba(0, 0, 0, 0.2);
        }

        .folded-wrapper .folded:after {
            content: attr(data-heading);
            position: absolute;
            left: 0;
            top: 0;
            overflow: hidden;
            width: 100%;
            height: 100%;
            z-index: 1;
            color: var(--folded-three);
            transform: translate(0vw, 0) skew(13deg) scale(1, 0.8);
            clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%);
            text-shadow: 2px -1px 6px rgba(0, 0, 0, 0.3);
        }