.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a79a19d:#D4AF37;--e-global-color-111b5fd:#2D1B4E;--e-global-color-db0588e:#6D327C;--e-global-color-9c385bc:#1A1A1A;--e-global-color-177626a:#EEEEEE;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-12dd7b4-font-family:"Inter";--e-global-typography-12dd7b4-font-size:18px;--e-global-typography-12dd7b4-font-weight:500;--e-global-typography-12dd7b4-line-height:2em;--e-global-typography-12dd7b4-letter-spacing:0.5px;--e-global-typography-f359a65-font-family:"Inter";--e-global-typography-f359a65-font-size:15px;--e-global-typography-f359a65-font-weight:600;--e-global-typography-f359a65-text-transform:none;--e-global-typography-f359a65-letter-spacing:0.7px;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{font-family:"Poppins", Sans-serif;}.elementor-kit-8 h2{font-family:"Poppins", Sans-serif;}.elementor-kit-8 h3{font-family:"Poppins", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-8{--e-global-typography-f359a65-font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Määritellään animaatio ja värit */
.elementor-kit-8 {
    background: linear-gradient(-45deg, #2D1B4E, #6D327C, #B5893F, #1A1A1A);
    background-size: 400% 400%; /* Kasvatetaan taustaa, jotta siinä on tilaa "liikkua" */
    animation: goldenGradient 30s ease infinite; /* 15 sekuntia per sykli, jatkuva */
    height: 100vh; /* Jos haluat koko ruudun korkuisen */
}

/* Animaation logiikka */
@keyframes goldenGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}/* End custom CSS */