.home {
    --c-0: hsla(183.75, 48%, 32%, 1);
    --y-0: 16%;
    --x-0: 59%;
    --y-1: 7%;
    --x-1: 92%;
    --c-1: hsla(144.26470588235293, 73%, 59%, 1);
    --x-2: 78%;
    --y-2: 75%;
    --c-2: hsla(183.609022556391, 49%, 32%, 1);
    --y-3: 59%;
    --x-3: 59%;
    --c-3: hsla(243.61445783132524, 0%, 0%, 0.5);
    --x-4: 7%;
    --y-4: 86%;
    --c-4: hsla(144.31372549019608, 73%, 59%, 1);
    ;
    background-color: hsla(228, 71%, 4%, 1);
    background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)), radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4));
    animation: bolas 10s linear infinite alternate;
    background-blend-mode: normal, normal, normal, normal, normal;
}
@keyframes bolas{0%{--c-0:hsla(183.75,48%,32%,1); --y-0:16%; --s-start-0:6.018788142925232%; --s-end-0:15%; --x-0:59%; --y-1:7%; --x-1:92%; --c-1:hsla(144.26470588235293,73%,59%,1); --s-start-1:3.315649867374005%; --s-end-1:6.33664952285726%; --x-2:78%; --y-2:75%; --c-2:hsla(183.609022556391,49%,32%,1); --s-start-2:0%; --s-end-2:7%; --y-3:59%; --x-3:59%; --s-start-3:0%; --s-end-3:68%; --c-3:hsla(243.61445783132524,0%,0%,0.5); --x-4:7%; --y-4:86%; --s-start-4:3%; --s-end-4:10%; --c-4:hsla(144.31372549019608,73%,59%,1);}100%{--c-0:hsla(144.31372549019608,73%,59%,1); --y-0:23%; --s-start-0:0%; --s-end-0:6%; --x-0:63%; --y-1:14%; --x-1:89%; --c-1:hsla(183.75,48%,32%,1); --s-start-1:0%; --s-end-1:26%; --x-2:92%; --y-2:90%; --c-2:hsla(144.31372549019608,73%,59%,1); --s-start-2:1%; --s-end-2:28%; --y-3:9%; --x-3:2%; --s-start-3:0%; --s-end-3:36.852784336403765%; --c-3:hsla(246.82926829268294,0%,0%,0.5); --x-4:13%; --y-4:19%; --s-start-4:12.198718286003295%; --s-end-4:20%; --c-4:hsla(183.75,48%,32%,1);}}@property --c-0{syntax:'<color>';inherits:false;initial-value:hsla(183.75,48%,32%,1)}@property --y-0{syntax:'<percentage>';inherits:false;initial-value:16%}@property --s-start-0{syntax:'<percentage>';inherits:false;initial-value:6.018788142925232%}@property --s-end-0{syntax:'<percentage>';inherits:false;initial-value:15%}@property --x-0{syntax:'<percentage>';inherits:false;initial-value:59%}@property --y-1{syntax:'<percentage>';inherits:false;initial-value:7%}@property --x-1{syntax:'<percentage>';inherits:false;initial-value:92%}@property --c-1{syntax:'<color>';inherits:false;initial-value:hsla(144.26470588235293,73%,59%,1)}@property --s-start-1{syntax:'<percentage>';inherits:false;initial-value:3.315649867374005%}@property --s-end-1{syntax:'<percentage>';inherits:false;initial-value:6.33664952285726%}@property --x-2{syntax:'<percentage>';inherits:false;initial-value:78%}@property --y-2{syntax:'<percentage>';inherits:false;initial-value:75%}@property --c-2{syntax:'<color>';inherits:false;initial-value:hsla(183.609022556391,49%,32%,1)}@property --s-start-2{syntax:'<percentage>';inherits:false;initial-value:0%}@property --s-end-2{syntax:'<percentage>';inherits:false;initial-value:7%}@property --y-3{syntax:'<percentage>';inherits:false;initial-value:59%}@property --x-3{syntax:'<percentage>';inherits:false;initial-value:59%}@property --s-start-3{syntax:'<percentage>';inherits:false;initial-value:0%}@property --s-end-3{syntax:'<percentage>';inherits:false;initial-value:68%}@property --c-3{syntax:'<color>';inherits:false;initial-value:hsla(243.61445783132524,0%,0%,0.5)}@property --x-4{syntax:'<percentage>';inherits:false;initial-value:7%}@property --y-4{syntax:'<percentage>';inherits:false;initial-value:86%}@property --s-start-4{syntax:'<percentage>';inherits:false;initial-value:3%}@property --s-end-4{syntax:'<percentage>';inherits:false;initial-value:10%}@property --c-4{syntax:'<color>';inherits:false;initial-value:hsla(144.31372549019608,73%,59%,1)}.your_css_selector_here{--c-0:hsla(183.75,48%,32%,1);--y-0:16%;--x-0:59%;--y-1:7%;--x-1:92%;--c-1:hsla(144.26470588235293,73%,59%,1);--x-2:78%;--y-2:75%;--c-2:hsla(183.609022556391,49%,32%,1);--y-3:59%;--x-3:59%;--c-3:hsla(243.61445783132524,0%,0%,0.5);--x-4:7%;--y-4:86%;--c-4:hsla(144.31372549019608,73%,59%,1);;background-color:hsla(228,71%,4%,1);background-image:radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3),transparent var(--s-end-3)),radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4),transparent var(--s-end-4));animation:hero-gradient-animation 10s linear infinite alternate;background-blend-mode:normal,normal,normal,normal,normal;}

@keyframes bolas {
    0% {
        --c-0: hsla(183.75, 48%, 32%, 1);
        --y-0: 16%;
        --s-start-0: 6.018788142925232%;
        --s-end-0: 15%;
        --x-0: 59%;
        --y-1: 7%;
        --x-1: 92%;
        --c-1: hsla(144.26470588235293, 73%, 59%, 1);
        --s-start-1: 3.315649867374005%;
        --s-end-1: 6.33664952285726%;
        --x-2: 78%;
        --y-2: 75%;
        --c-2: hsla(183.609022556391, 49%, 32%, 1);
        --s-start-2: 0%;
        --s-end-2: 7%;
        --y-3: 59%;
        --x-3: 59%;
        --s-start-3: 0%;
        --s-end-3: 68%;
        --c-3: hsla(243.61445783132524, 0%, 0%, 0.5);
        --x-4: 7%;
        --y-4: 86%;
        --s-start-4: 3%;
        --s-end-4: 10%;
        --c-4: hsla(144.31372549019608, 73%, 59%, 1);
    }

    100% {
        --c-0: hsla(144.31372549019608, 73%, 59%, 1);
        --y-0: 23%;
        --s-start-0: 0%;
        --s-end-0: 6%;
        --x-0: 63%;
        --y-1: 14%;
        --x-1: 89%;
        --c-1: hsla(183.75, 48%, 32%, 1);
        --s-start-1: 0%;
        --s-end-1: 26%;
        --x-2: 92%;
        --y-2: 90%;
        --c-2: hsla(144.31372549019608, 73%, 59%, 1);
        --s-start-2: 1%;
        --s-end-2: 28%;
        --y-3: 9%;
        --x-3: 2%;
        --s-start-3: 0%;
        --s-end-3: 36.852784336403765%;
        --c-3: hsla(246.82926829268294, 0%, 0%, 0.5);
        --x-4: 13%;
        --y-4: 19%;
        --s-start-4: 12.198718286003295%;
        --s-end-4: 20%;
        --c-4: hsla(183.75, 48%, 32%, 1);
    }
}

@property --c-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(183.75, 48%, 32%, 1)
}

@property --y-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 16%
}

@property --s-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 6.018788142925232%
}

@property --s-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 15%
}

@property --x-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 59%
}

@property --y-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 7%
}

@property --x-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 92%
}

@property --c-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(144.26470588235293, 73%, 59%, 1)
}

@property --s-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 3.315649867374005%
}

@property --s-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 6.33664952285726%
}

@property --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 78%
}

@property --y-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 75%
}

@property --c-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(183.609022556391, 49%, 32%, 1)
}

@property --s-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%
}

@property --s-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 7%
}

@property --y-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 59%
}

@property --x-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 59%
}

@property --s-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%
}

@property --s-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 68%
}

@property --c-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(243.61445783132524, 0%, 0%, 0.5)
}

@property --x-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 7%
}

@property --y-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 86%
}

@property --s-start-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 3%
}

@property --s-end-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 10%
}

@property --c-4 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(144.31372549019608, 73%, 59%, 1)
}

/* ---------------------------------------------------------- */

@keyframes hero-gradient-animation {
    0% {
        --x-0: 93%;
        --c-0: hsla(212, 0%, 0%, 1);
        --s-start-0: 14.489998991212337%;
        --s-end-0: 72%;
        --y-0: 93%;
        --s-start-1: 0%;
        --s-end-1: 45%;
        --y-1: 9%;
        --c-1: hsla(212, 0%, 0%, 1);
        --x-1: 26%;
        --y-2: 79%;
        --x-2: 15%;
        --c-2: hsla(166.10526315789474, 94%, 19%, 1);
        --s-start-2: 2.9253667596993065%;
        --s-end-2: 22.388851682060018%;
        --y-3: 104%;
        --c-3: hsla(166.10526315789474, 94%, 19%, 1);
        --s-start-3: 3.985353824694249%;
        --s-end-3: 47.580278608924694%;
        --x-3: 40%;
        --x-4: 0%;
        --s-start-4: 2.391200382592061%;
        --s-end-4: 29.307684556768592%;
        --y-4: 60%;
        --c-4: hsla(166.10526315789474, 94%, 19%, 1);
        --x-5: 92%;
        --y-5: 37%;
        --s-start-5: 2.9253667596993065%;
        --s-end-5: 22.388851682060018%;
        --c-5: hsla(166.10526315789474, 94%, 19%, 1);
        --y-6: 16%;
        --x-6: 101%;
        --s-start-6: 13.173642363290591%;
        --s-end-6: 31.747336520355095%;
        --c-6: hsla(166.10526315789474, 94%, 19%, 1);
        --x-7: 90%;
        --c-7: hsla(166.10526315789474, 94%, 19%, 1);
        --y-7: 13%;
        --s-start-7: 1%;
        --s-end-7: 31%;
        --x-8: 104%;
        --y-8: 56%;
        --s-start-8: 3.985353824694249%;
        --s-end-8: 13.103042116379756%;
        --c-8: hsla(166.10526315789474, 94%, 19%, 1);
        --y-9: 19%;
        --s-start-9: 18.597054544690312%;
        --s-end-9: 31%;
        --x-9: 97%;
        --c-9: hsla(166.10526315789474, 94%, 19%, 1);
    }

    100% {
        --x-0: 7%;
        --c-0: hsla(306, 0%, 0%, 1);
        --s-start-0: 2.391200382592061%;
        --s-end-0: 43.902064173373226%;
        --y-0: 9%;
        --s-start-1: 9%;
        --s-end-1: 54.805582404585024%;
        --y-1: 93%;
        --c-1: hsla(306, 0%, 0%, 1);
        --x-1: 96%;
        --y-2: 103%;
        --x-2: -2%;
        --c-2: hsla(154.97757847533632, 100%, 43%, 0.7);
        --s-start-2: 3%;
        --s-end-2: 26.722813338714598%;
        --y-3: 82%;
        --c-3: hsla(154.97757847533632, 100%, 43%, 0.7);
        --s-start-3: 2.391200382592061%;
        --s-end-3: 32.0689540200964%;
        --x-3: 33%;
        --x-4: 37%;
        --s-start-4: 4.40642490323111%;
        --s-end-4: 37.23528104246256%;
        --y-4: 81%;
        --c-4: hsla(154.97757847533632, 100%, 43%, 0.7);
        --x-5: 54%;
        --y-5: 99%;
        --s-start-5: 3%;
        --s-end-5: 32.537089799783296%;
        --c-5: hsla(154.97757847533632, 100%, 43%, 0.7);
        --y-6: 43%;
        --x-6: 104%;
        --s-start-6: 6%;
        --s-end-6: 42.501105312974815%;
        --c-6: hsla(154.97757847533632, 100%, 43%, 0.7);
        --x-7: 104%;
        --c-7: hsla(154.97757847533632, 100%, 43%, 0.7);
        --y-7: -16%;
        --s-start-7: 5%;
        --s-end-7: 13.10107024898374%;
        --x-8: 97%;
        --y-8: 30%;
        --s-start-8: 2.391200382592061%;
        --s-end-8: 27.141813016850573%;
        --c-8: hsla(154.97757847533632, 100%, 43%, 0.7);
        --y-9: 4%;
        --s-start-9: 5%;
        --s-end-9: 21.32164536610654%;
        --x-9: 78%;
        --c-9: hsla(219, 83%, 23%, 0.59);
    }
}

@property --x-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 93%
}

@property --c-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(212, 0%, 0%, 1)
}

@property --s-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14.489998991212337%
}

@property --s-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 72%
}

@property --y-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 93%
}

@property --s-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%
}

@property --s-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 45%
}

@property --y-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 9%
}

@property --c-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(212, 0%, 0%, 1)
}

@property --x-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 26%
}

@property --y-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 79%
}

@property --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 15%
}

@property --c-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(166.10526315789474, 94%, 19%, 1)
}

@property --s-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 2.9253667596993065%
}

@property --s-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.388851682060018%
}

@property --y-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 104%
}

@property --c-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(166.10526315789474, 94%, 19%, 1)
}

@property --s-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 3.985353824694249%
}

@property --s-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 47.580278608924694%
}

@property --x-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 40%
}

@property --x-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%
}

@property --s-start-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 2.391200382592061%
}

@property --s-end-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 29.307684556768592%
}

@property --y-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 60%
}

@property --c-4 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(166.10526315789474, 94%, 19%, 1)
}

@property --x-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 92%
}

@property --y-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 37%
}

@property --s-start-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 2.9253667596993065%
}

@property --s-end-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.388851682060018%
}

@property --c-5 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(166.10526315789474, 94%, 19%, 1)
}

@property --y-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 16%
}

@property --x-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 101%
}

@property --s-start-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 13.173642363290591%
}

@property --s-end-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 31.747336520355095%
}

@property --c-6 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(166.10526315789474, 94%, 19%, 1)
}

@property --x-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 90%
}

@property --c-7 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(166.10526315789474, 94%, 19%, 1)
}

@property --y-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 13%
}

@property --s-start-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 1%
}

@property --s-end-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 31%
}

@property --x-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 104%
}

@property --y-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 56%
}

@property --s-start-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 3.985353824694249%
}

@property --s-end-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 13.103042116379756%
}

@property --c-8 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(166.10526315789474, 94%, 19%, 1)
}

@property --y-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 19%
}

@property --s-start-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 18.597054544690312%
}

@property --s-end-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 31%
}

@property --x-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 97%
}

@property --c-9 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(166.10526315789474, 94%, 19%, 1)
}

.planes-paginas {
    --x-0: 93%;
    --c-0: hsla(212, 0%, 0%, 1);
    --y-0: 93%;
    --y-1: 9%;
    --c-1: hsla(212, 0%, 0%, 1);
    --x-1: 26%;
    --y-2: 79%;
    --x-2: 15%;
    --c-2: hsla(166.10526315789474, 94%, 19%, 1);
    --y-3: 104%;
    --c-3: hsla(166.10526315789474, 94%, 19%, 1);
    --x-3: 40%;
    --x-4: 0%;
    --y-4: 60%;
    --c-4: hsla(166.10526315789474, 94%, 19%, 1);
    --x-5: 92%;
    --y-5: 37%;
    --c-5: hsla(166.10526315789474, 94%, 19%, 1);
    --y-6: 16%;
    --x-6: 101%;
    --c-6: hsla(166.10526315789474, 94%, 19%, 1);
    --x-7: 90%;
    --c-7: hsla(166.10526315789474, 94%, 19%, 1);
    --y-7: 13%;
    --x-8: 104%;
    --y-8: 56%;
    --c-8: hsla(166.10526315789474, 94%, 19%, 1);
    --y-9: 19%;
    --x-9: 97%;
    --c-9: hsla(166.10526315789474, 94%, 19%, 1);
    ;
    background-color: hsla(305, 0%, 0%, 1);
    background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)), radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4)), radial-gradient(circle at var(--x-5) var(--y-5), var(--c-5) var(--s-start-5), transparent var(--s-end-5)), radial-gradient(circle at var(--x-6) var(--y-6), var(--c-6) var(--s-start-6), transparent var(--s-end-6)), radial-gradient(circle at var(--x-7) var(--y-7), var(--c-7) var(--s-start-7), transparent var(--s-end-7)), radial-gradient(circle at var(--x-8) var(--y-8), var(--c-8) var(--s-start-8), transparent var(--s-end-8)), radial-gradient(circle at var(--x-9) var(--y-9), var(--c-9) var(--s-start-9), transparent var(--s-end-9));
    animation: html-paginas 10s linear infinite alternate;
    background-blend-mode: normal, normal, normal, normal, normal, normal, normal, normal, normal, normal;
}

@keyframes html-paginas{0%{--x-0:93%; --c-0:hsla(212,0%,0%,1); --s-start-0:14.489998991212337%; --s-end-0:72%; --y-0:93%; --s-start-1:0%; --s-end-1:45%; --y-1:9%; --c-1:hsla(212,0%,0%,1); --x-1:26%; --y-2:79%; --x-2:15%; --c-2:hsla(166.10526315789474,94%,19%,1); --s-start-2:2.9253667596993065%; --s-end-2:22.388851682060018%; --y-3:104%; --c-3:hsla(166.10526315789474,94%,19%,1); --s-start-3:3.985353824694249%; --s-end-3:47.580278608924694%; --x-3:40%; --x-4:0%; --s-start-4:2.391200382592061%; --s-end-4:29.307684556768592%; --y-4:60%; --c-4:hsla(166.10526315789474,94%,19%,1); --x-5:92%; --y-5:37%; --s-start-5:2.9253667596993065%; --s-end-5:22.388851682060018%; --c-5:hsla(166.10526315789474,94%,19%,1); --y-6:16%; --x-6:101%; --s-start-6:13.173642363290591%; --s-end-6:31.747336520355095%; --c-6:hsla(166.10526315789474,94%,19%,1); --x-7:90%; --c-7:hsla(166.10526315789474,94%,19%,1); --y-7:13%; --s-start-7:1%; --s-end-7:31%; --x-8:104%; --y-8:56%; --s-start-8:3.985353824694249%; --s-end-8:13.103042116379756%; --c-8:hsla(166.10526315789474,94%,19%,1); --y-9:19%; --s-start-9:18.597054544690312%; --s-end-9:31%; --x-9:97%; --c-9:hsla(166.10526315789474,94%,19%,1);}100%{--x-0:7%; --c-0:hsla(306,0%,0%,1); --s-start-0:2.391200382592061%; --s-end-0:43.902064173373226%; --y-0:9%; --s-start-1:9%; --s-end-1:54.805582404585024%; --y-1:93%; --c-1:hsla(306,0%,0%,1); --x-1:96%; --y-2:103%; --x-2:-2%; --c-2:hsla(154.97757847533632,100%,43%,0.7); --s-start-2:3%; --s-end-2:26.722813338714598%; --y-3:82%; --c-3:hsla(154.97757847533632,100%,43%,0.7); --s-start-3:2.391200382592061%; --s-end-3:32.0689540200964%; --x-3:33%; --x-4:37%; --s-start-4:4.40642490323111%; --s-end-4:37.23528104246256%; --y-4:81%; --c-4:hsla(154.97757847533632,100%,43%,0.7); --x-5:54%; --y-5:99%; --s-start-5:3%; --s-end-5:32.537089799783296%; --c-5:hsla(154.97757847533632,100%,43%,0.7); --y-6:43%; --x-6:104%; --s-start-6:6%; --s-end-6:42.501105312974815%; --c-6:hsla(154.97757847533632,100%,43%,0.7); --x-7:104%; --c-7:hsla(154.97757847533632,100%,43%,0.7); --y-7:-16%; --s-start-7:5%; --s-end-7:13.10107024898374%; --x-8:97%; --y-8:30%; --s-start-8:2.391200382592061%; --s-end-8:27.141813016850573%; --c-8:hsla(154.97757847533632,100%,43%,0.7); --y-9:4%; --s-start-9:5%; --s-end-9:21.32164536610654%; --x-9:78%; --c-9:hsla(219,83%,23%,0.59);}}@property --x-0{syntax:'<percentage>';inherits:false;initial-value:93%}@property --c-0{syntax:'<color>';inherits:false;initial-value:hsla(212,0%,0%,1)}@property --s-start-0{syntax:'<percentage>';inherits:false;initial-value:14.489998991212337%}@property --s-end-0{syntax:'<percentage>';inherits:false;initial-value:72%}@property --y-0{syntax:'<percentage>';inherits:false;initial-value:93%}@property --s-start-1{syntax:'<percentage>';inherits:false;initial-value:0%}@property --s-end-1{syntax:'<percentage>';inherits:false;initial-value:45%}@property --y-1{syntax:'<percentage>';inherits:false;initial-value:9%}@property --c-1{syntax:'<color>';inherits:false;initial-value:hsla(212,0%,0%,1)}@property --x-1{syntax:'<percentage>';inherits:false;initial-value:26%}@property --y-2{syntax:'<percentage>';inherits:false;initial-value:79%}@property --x-2{syntax:'<percentage>';inherits:false;initial-value:15%}@property --c-2{syntax:'<color>';inherits:false;initial-value:hsla(166.10526315789474,94%,19%,1)}@property --s-start-2{syntax:'<percentage>';inherits:false;initial-value:2.9253667596993065%}@property --s-end-2{syntax:'<percentage>';inherits:false;initial-value:22.388851682060018%}@property --y-3{syntax:'<percentage>';inherits:false;initial-value:104%}@property --c-3{syntax:'<color>';inherits:false;initial-value:hsla(166.10526315789474,94%,19%,1)}@property --s-start-3{syntax:'<percentage>';inherits:false;initial-value:3.985353824694249%}@property --s-end-3{syntax:'<percentage>';inherits:false;initial-value:47.580278608924694%}@property --x-3{syntax:'<percentage>';inherits:false;initial-value:40%}@property --x-4{syntax:'<percentage>';inherits:false;initial-value:0%}@property --s-start-4{syntax:'<percentage>';inherits:false;initial-value:2.391200382592061%}@property --s-end-4{syntax:'<percentage>';inherits:false;initial-value:29.307684556768592%}@property --y-4{syntax:'<percentage>';inherits:false;initial-value:60%}@property --c-4{syntax:'<color>';inherits:false;initial-value:hsla(166.10526315789474,94%,19%,1)}@property --x-5{syntax:'<percentage>';inherits:false;initial-value:92%}@property --y-5{syntax:'<percentage>';inherits:false;initial-value:37%}@property --s-start-5{syntax:'<percentage>';inherits:false;initial-value:2.9253667596993065%}@property --s-end-5{syntax:'<percentage>';inherits:false;initial-value:22.388851682060018%}@property --c-5{syntax:'<color>';inherits:false;initial-value:hsla(166.10526315789474,94%,19%,1)}@property --y-6{syntax:'<percentage>';inherits:false;initial-value:16%}@property --x-6{syntax:'<percentage>';inherits:false;initial-value:101%}@property --s-start-6{syntax:'<percentage>';inherits:false;initial-value:13.173642363290591%}@property --s-end-6{syntax:'<percentage>';inherits:false;initial-value:31.747336520355095%}@property --c-6{syntax:'<color>';inherits:false;initial-value:hsla(166.10526315789474,94%,19%,1)}@property --x-7{syntax:'<percentage>';inherits:false;initial-value:90%}@property --c-7{syntax:'<color>';inherits:false;initial-value:hsla(166.10526315789474,94%,19%,1)}@property --y-7{syntax:'<percentage>';inherits:false;initial-value:13%}@property --s-start-7{syntax:'<percentage>';inherits:false;initial-value:1%}@property --s-end-7{syntax:'<percentage>';inherits:false;initial-value:31%}@property --x-8{syntax:'<percentage>';inherits:false;initial-value:104%}@property --y-8{syntax:'<percentage>';inherits:false;initial-value:56%}@property --s-start-8{syntax:'<percentage>';inherits:false;initial-value:3.985353824694249%}@property --s-end-8{syntax:'<percentage>';inherits:false;initial-value:13.103042116379756%}@property --c-8{syntax:'<color>';inherits:false;initial-value:hsla(166.10526315789474,94%,19%,1)}@property --y-9{syntax:'<percentage>';inherits:false;initial-value:19%}@property --s-start-9{syntax:'<percentage>';inherits:false;initial-value:18.597054544690312%}@property --s-end-9{syntax:'<percentage>';inherits:false;initial-value:31%}@property --x-9{syntax:'<percentage>';inherits:false;initial-value:97%}@property --c-9{syntax:'<color>';inherits:false;initial-value:hsla(166.10526315789474,94%,19%,1)}.your_css_selector_here{--x-0:93%;--c-0:hsla(212,0%,0%,1);--y-0:93%;--y-1:9%;--c-1:hsla(212,0%,0%,1);--x-1:26%;--y-2:79%;--x-2:15%;--c-2:hsla(166.10526315789474,94%,19%,1);--y-3:104%;--c-3:hsla(166.10526315789474,94%,19%,1);--x-3:40%;--x-4:0%;--y-4:60%;--c-4:hsla(166.10526315789474,94%,19%,1);--x-5:92%;--y-5:37%;--c-5:hsla(166.10526315789474,94%,19%,1);--y-6:16%;--x-6:101%;--c-6:hsla(166.10526315789474,94%,19%,1);--x-7:90%;--c-7:hsla(166.10526315789474,94%,19%,1);--y-7:13%;--x-8:104%;--y-8:56%;--c-8:hsla(166.10526315789474,94%,19%,1);--y-9:19%;--x-9:97%;--c-9:hsla(166.10526315789474,94%,19%,1);;background-color:hsla(305,0%,0%,1);background-image:radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3),transparent var(--s-end-3)),radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4),transparent var(--s-end-4)),radial-gradient(circle at var(--x-5) var(--y-5), var(--c-5) var(--s-start-5),transparent var(--s-end-5)),radial-gradient(circle at var(--x-6) var(--y-6), var(--c-6) var(--s-start-6),transparent var(--s-end-6)),radial-gradient(circle at var(--x-7) var(--y-7), var(--c-7) var(--s-start-7),transparent var(--s-end-7)),radial-gradient(circle at var(--x-8) var(--y-8), var(--c-8) var(--s-start-8),transparent var(--s-end-8)),radial-gradient(circle at var(--x-9) var(--y-9), var(--c-9) var(--s-start-9),transparent var(--s-end-9));animation:hero-gradient-animation 10s linear infinite alternate;background-blend-mode:normal,normal,normal,normal,normal,normal,normal,normal,normal,normal;}