/*
 Theme Name:   hello-elementor-child
 Template:     hello-elementor
 Version:      1.0.0
*/

@keyframes ani-hero {
    0% {
        --c-0: hsla(271, 66%, 59%, 0.83);
        --y-0: 68.94908209213716%;
        --x-0: 87.60850694444444%;
        --s-start-0: 17.012461755327337%;
        --s-end-0: 102.21065985452026%;
        --s-start-1: 0%;
        --s-end-1: 45%;
        --x-1: 26%;
        --c-1: hsla(249, 50%, 42%, 1);
        --y-1: 9%;
        --s-start-2: 2.9253667596993065%;
        --s-end-2: 22.388851682060018%;
        --x-2: 15%;
        --y-2: 79%;
        --c-2: hsla(257, 91%, 27%, 0.35);
        --c-3: hsla(212, 100%, 50%, 0.5);
        --y-3: 104%;
        --x-3: 40%;
        --s-start-3: 3.985353824694249%;
        --s-end-3: 47.580278608924694%;
        --s-start-4: 2.391200382592061%;
        --s-end-4: 29.307684556768592%;
        --x-4: 0%;
        --y-4: 60%;
        --c-4: hsla(224, 72%, 36%, 1);
        --y-5: 16%;
        --x-5: 101%;
        --c-5: hsla(212, 100%, 50%, 0.19);
        --s-start-5: 13.173642363290591%;
        --s-end-5: 31.747336520355095%;
        --y-6: 13%;
        --x-6: 90%;
        --c-6: hsla(227, 98%, 53%, 1);
        --s-start-6: 1%;
        --s-end-6: 31%;
        --c-7: hsla(166, 71%, 60%, 0.32);
        --y-7: 56%;
        --x-7: 104%;
        --s-start-7: 3.985353824694249%;
        --s-end-7: 13.103042116379756%;
        --s-start-8: 18.597054544690312%;
        --s-end-8: 31%;
        --x-8: 97%;
        --y-8: 19%;
        --c-8: hsla(219, 83%, 23%, 0.18);
    }

    100% {
        --c-0: hsla(194, 52%, 48%, 1);
        --y-0: 43.297540699688255%;
        --x-0: 43.803879310344826%;
        --s-start-0: 27.524740214755802%;
        --s-end-0: 72%;
        --s-start-1: 9%;
        --s-end-1: 54.805582404585024%;
        --x-1: 96%;
        --c-1: hsla(175, 59%, 47%, 1);
        --y-1: 93%;
        --s-start-2: 3%;
        --s-end-2: 26.722813338714598%;
        --x-2: -2%;
        --y-2: 103%;
        --c-2: hsla(166, 47%, 44%, 1);
        --c-3: hsla(180, 100%, 50%, 0.26);
        --y-3: 82%;
        --x-3: 33%;
        --s-start-3: 2.391200382592061%;
        --s-end-3: 32.0689540200964%;
        --s-start-4: 4.40642490323111%;
        --s-end-4: 37.23528104246256%;
        --x-4: 37%;
        --y-4: 81%;
        --c-4: hsla(212, 88%, 26%, 0.58);
        --y-5: 43%;
        --x-5: 104%;
        --c-5: hsla(262, 100%, 50%, 0.15);
        --s-start-5: 6%;
        --s-end-5: 42.501105312974815%;
        --y-6: -16%;
        --x-6: 104%;
        --c-6: hsla(298, 36%, 23%, 1);
        --s-start-6: 5%;
        --s-end-6: 13.10107024898374%;
        --c-7: hsla(180, 100%, 50%, 0.11);
        --y-7: 30%;
        --x-7: 97%;
        --s-start-7: 2.391200382592061%;
        --s-end-7: 27.141813016850573%;
        --s-start-8: 5%;
        --s-end-8: 21.32164536610654%;
        --x-8: 78%;
        --y-8: 4%;
        --c-8: hsla(219, 83%, 23%, 0.59);
    }
}

@property --c-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(271, 66%, 59%, 0.83)
}

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

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

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

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

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

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

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

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

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

@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 --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 15%
}

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

@property --c-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(257, 91%, 27%, 0.35)
}

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

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

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

@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 --s-start-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 2.391200382592061%
}

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

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

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

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

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

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

@property --c-5 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(212, 100%, 50%, 0.19)
}

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

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

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

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

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

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

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

@property --c-7 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(166, 71%, 60%, 0.32)
}

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

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

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

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

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

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

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

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

@property --c-8 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(219, 83%, 23%, 0.18)
}

#hero {
    --c-0: hsla(271, 66%, 59%, 0.83);
    --y-0: 68.94908209213716%;
    --x-0: 87.60850694444444%;
    --x-1: 26%;
    --c-1: hsla(249, 50%, 42%, 1);
    --y-1: 9%;
    --x-2: 15%;
    --y-2: 79%;
    --c-2: hsla(257, 91%, 27%, 0.35);
    --c-3: hsla(212, 100%, 50%, 0.5);
    --y-3: 104%;
    --x-3: 40%;
    --x-4: 0%;
    --y-4: 60%;
    --c-4: hsla(224, 72%, 36%, 1);
    --y-5: 16%;
    --x-5: 101%;
    --c-5: hsla(212, 100%, 50%, 0.19);
    --y-6: 13%;
    --x-6: 90%;
    --c-6: hsla(227, 98%, 53%, 1);
    --c-7: hsla(166, 71%, 60%, 0.32);
    --y-7: 56%;
    --x-7: 104%;
    --x-8: 97%;
    --y-8: 19%;
    --c-8: hsla(219, 83%, 23%, 0.18);
    ;
    background-color: hsla(215, 89%, 43%, 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));
    animation: ani-hero 10s linear infinite alternate;
    background-blend-mode: normal, normal, normal, normal, normal, normal, normal, normal, normal;
    will-change: transform, opacity;
    contain: paint
}

#stats {
    background-color: hsla(0, 100%, 50%, 1);
    background-image: radial-gradient(circle at 40% 20%, hsla(28, 100%, 74%, 1) 0%, transparent 50%), radial-gradient(circle at 80% 0%, hsla(189, 100%, 56%, 1) 0%, transparent 50%), radial-gradient(circle at 0% 50%, hsla(355, 100%, 93%, 1) 0%, transparent 50%), radial-gradient(circle at 80% 50%, hsla(340, 100%, 76%, 1) 0%, transparent 50%), radial-gradient(circle at 0% 100%, hsla(22, 100%, 77%, 1) 0%, transparent 50%), radial-gradient(circle at 80% 100%, hsla(242, 100%, 70%, 1) 0%, transparent 50%), radial-gradient(circle at 0% 0%, hsla(343, 100%, 76%, 1) 0%, transparent 50%);
    background-blend-mode: normal, normal, normal, normal, normal, normal, normal;
}

#periodica {
    background-color: hsla(119, 77%, 83%, 1);
    background-image: radial-gradient(circle at 5% 1%, hsla(196, 76%, 61%, 1) 7%, transparent 84%), radial-gradient(circle at 7% 81%, hsla(130, 91%, 91%, 1) 16%, transparent 53%), radial-gradient(circle at 11% 29%, hsla(159, 97%, 75%, 1) 8%, transparent 74%), radial-gradient(circle at 39% 52%, hsla(95, 93%, 64%, 1) 6%, transparent 68%), radial-gradient(circle at 90% 50%, hsla(64, 94%, 89%, 1) 2%, transparent 85%);
    background-blend-mode: normal, normal, normal, normal, normal;
}

#indispensable {
    background-color: hsla(0, 100%, 50%, 1);
    background-image: 
        radial-gradient(circle at 40% 20%, hsla(28, 100%, 74%, 1) 0%, transparent 50%), 
        radial-gradient(circle at 80% 0%, hsla(189, 100%, 56%, 1) 0%, transparent 50%), 
        radial-gradient(circle at 0% 50%, hsla(355, 100%, 93%, 1) 0%, transparent 50%), 
        radial-gradient(circle at 80% 50%, hsla(340, 100%, 76%, 1) 0%, transparent 50%), 
        radial-gradient(circle at 0% 100%, hsla(22, 100%, 77%, 1) 0%, transparent 50%), 
        radial-gradient(circle at 80% 100%, hsla(242, 100%, 70%, 1) 0%, transparent 50%), 
        radial-gradient(circle at 0% 0%, hsla(343, 100%, 76%, 1) 0%, transparent 50%);
    
    background-blend-mode: normal, normal, normal, normal, normal, normal, normal;

    background-size: cover; 
    background-position: center;
	background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}