.elementor-490 .elementor-element.elementor-element-e0aff1c:not(.elementor-motion-effects-element-type-background), .elementor-490 .elementor-element.elementor-element-e0aff1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://andrecano.com/wp-content/uploads/2025/09/fondo-pp-ID-1.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-490 .elementor-element.elementor-element-e0aff1c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-490 .elementor-element.elementor-element-e0aff1c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-490 .elementor-element.elementor-element-6bc50bb0{text-align:left;}.elementor-490 .elementor-element.elementor-element-6bc50bb0 img{width:67%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-490 .elementor-element.elementor-element-25cb660b .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:32px;font-weight:600;color:#FFEFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-490 .elementor-element.elementor-element-42122d84{font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-490 .elementor-element.elementor-element-7989e8f8 .elementor-icon-list-icon i{color:#E4DFFF;transition:color 0.3s;}.elementor-490 .elementor-element.elementor-element-7989e8f8 .elementor-icon-list-icon svg{fill:#E4DFFF;transition:fill 0.3s;}.elementor-490 .elementor-element.elementor-element-7989e8f8{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-490 .elementor-element.elementor-element-7989e8f8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-490 .elementor-element.elementor-element-7989e8f8 .elementor-icon-list-item > a{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:400;}.elementor-490 .elementor-element.elementor-element-7989e8f8 .elementor-icon-list-text{color:#F3F1FF;transition:color 0.3s;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-field-group{padding-right:calc( 21px/2 );padding-left:calc( 21px/2 );margin-bottom:10px;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-form-fields-wrapper{margin-left:calc( -21px/2 );margin-right:calc( -21px/2 );margin-bottom:-10px;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-490 .elementor-element.elementor-element-4447528 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-490 .elementor-element.elementor-element-4447528 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-490 .elementor-element.elementor-element-4447528 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-490 .elementor-element.elementor-element-4447528 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-field-group > label, .elementor-490 .elementor-element.elementor-element-4447528 .elementor-field-subgroup label{color:#E4DFFF;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-field-type-html{padding-bottom:0px;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-field-group .elementor-field{color:#E4DFFF;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF1C;border-color:#E4DFFF;border-radius:20px 20px 20px 20px;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF1C;border-color:#E4DFFF;border-radius:20px 20px 20px 20px;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-field-group .elementor-select-wrapper::before{color:#E4DFFF;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-button{font-family:"Space Grotesk", Sans-serif;font-size:19px;font-weight:800;letter-spacing:1.5px;border-radius:20px 20px 20px 20px;padding:15px 15px 15px 15px;}.elementor-490 .elementor-element.elementor-element-4447528 .e-form__buttons__wrapper__button-next{color:#FFFFFF;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-button[type="submit"]{color:#FFFFFF;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-490 .elementor-element.elementor-element-4447528 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-490 .elementor-element.elementor-element-4447528 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-490 .elementor-element.elementor-element-4447528 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-message.elementor-message-success{color:#FFFFFF;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-message.elementor-message-danger{color:#FFFFFF;}.elementor-490 .elementor-element.elementor-element-4447528 .elementor-message.elementor-help-inline{color:#FFFFFF;}.elementor-490 .elementor-element.elementor-element-4447528{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#F2F2F2;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-490 .elementor-element.elementor-element-1f646791 > .elementor-element-populated{margin:0px 0px -204px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-490 .elementor-element.elementor-element-3fffaee1{width:var( --container-widget-width, 24.107% );max-width:24.107%;margin:-220px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 607px;--container-widget-width:24.107%;--container-widget-flex-grow:0;text-align:center;}.elementor-490 .elementor-element.elementor-element-3fffaee1 img{width:40%;}.elementor-widget-text-path{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-490 .elementor-element.elementor-element-559fef0f{--alignment:center;width:var( --container-widget-width, 24.107% );max-width:24.107%;margin:-241px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 600px;--container-widget-width:24.107%;--container-widget-flex-grow:0;--width:150px;--rotate:0deg;font-family:"Space Grotesk", Sans-serif;font-size:20px;font-weight:400;letter-spacing:0.9px;--word-spacing:8px;--text-color:#E2BEFF;--text-color-hover:#7562E1;--transition:0.3s;}.elementor-490 .elementor-element.elementor-element-2a2219f1:not(.elementor-motion-effects-element-type-background), .elementor-490 .elementor-element.elementor-element-2a2219f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://andrecano.com/wp-content/uploads/2025/09/Fondo-2-_-ID-1.webp");background-position:center center;background-size:cover;}.elementor-490 .elementor-element.elementor-element-2a2219f1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-20px;margin-bottom:0px;}.elementor-490 .elementor-element.elementor-element-2a2219f1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-490 .elementor-element.elementor-element-709d046d .elementor-button{background-color:#FFFFFF14;font-family:"Space Grotesk", Sans-serif;font-weight:500;letter-spacing:2.6px;fill:#E2BEFF;color:#E2BEFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.89);border-style:solid;border-color:#E2BEFF;border-radius:100px 100px 100px 100px;}.elementor-490 .elementor-element.elementor-element-709d046d{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-490 .elementor-element.elementor-element-730c106{margin-top:30px;margin-bottom:30px;}.elementor-bc-flex-widget .elementor-490 .elementor-element.elementor-element-29fa22ce.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-490 .elementor-element.elementor-element-29fa22ce.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-490 .elementor-element.elementor-element-29fa22ce.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-490 .elementor-element.elementor-element-46b08936{text-align:left;}.elementor-490 .elementor-element.elementor-element-46b08936 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:61px;font-weight:700;color:#FFFFFF;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-490 .elementor-element.elementor-element-34398843 .elementor-icon-box-wrapper{align-items:center;}.elementor-490 .elementor-element.elementor-element-34398843{--icon-box-icon-margin:13px;}.elementor-490 .elementor-element.elementor-element-34398843.elementor-view-stacked .elementor-icon{background-color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-34398843.elementor-view-framed .elementor-icon, .elementor-490 .elementor-element.elementor-element-34398843.elementor-view-default .elementor-icon{fill:#F4E6FF;color:#F4E6FF;border-color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-34398843 .elementor-icon{font-size:24px;}.elementor-490 .elementor-element.elementor-element-34398843 .elementor-icon-box-title, .elementor-490 .elementor-element.elementor-element-34398843 .elementor-icon-box-title a{font-family:"Space Grotesk", Sans-serif;font-weight:600;}.elementor-490 .elementor-element.elementor-element-34398843 .elementor-icon-box-title{color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-34398843 .elementor-icon-box-description{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;color:#E0E0E0;}.elementor-490 .elementor-element.elementor-element-289d5c9 .elementor-icon-box-wrapper{align-items:center;}.elementor-490 .elementor-element.elementor-element-289d5c9{--icon-box-icon-margin:13px;}.elementor-490 .elementor-element.elementor-element-289d5c9.elementor-view-stacked .elementor-icon{background-color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-289d5c9.elementor-view-framed .elementor-icon, .elementor-490 .elementor-element.elementor-element-289d5c9.elementor-view-default .elementor-icon{fill:#F4E6FF;color:#F4E6FF;border-color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-289d5c9 .elementor-icon{font-size:24px;}.elementor-490 .elementor-element.elementor-element-289d5c9 .elementor-icon-box-title, .elementor-490 .elementor-element.elementor-element-289d5c9 .elementor-icon-box-title a{font-family:"Space Grotesk", Sans-serif;font-weight:600;}.elementor-490 .elementor-element.elementor-element-289d5c9 .elementor-icon-box-title{color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-289d5c9 .elementor-icon-box-description{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;color:#E0E0E0;}.elementor-490 .elementor-element.elementor-element-525e913f .elementor-icon-box-wrapper{align-items:center;}.elementor-490 .elementor-element.elementor-element-525e913f{--icon-box-icon-margin:13px;}.elementor-490 .elementor-element.elementor-element-525e913f.elementor-view-stacked .elementor-icon{background-color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-525e913f.elementor-view-framed .elementor-icon, .elementor-490 .elementor-element.elementor-element-525e913f.elementor-view-default .elementor-icon{fill:#F4E6FF;color:#F4E6FF;border-color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-525e913f .elementor-icon{font-size:24px;}.elementor-490 .elementor-element.elementor-element-525e913f .elementor-icon-box-title, .elementor-490 .elementor-element.elementor-element-525e913f .elementor-icon-box-title a{font-family:"Space Grotesk", Sans-serif;font-weight:600;}.elementor-490 .elementor-element.elementor-element-525e913f .elementor-icon-box-title{color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-525e913f .elementor-icon-box-description{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;color:#E0E0E0;}.elementor-490 .elementor-element.elementor-element-da93ae0 .elementor-icon-box-wrapper{align-items:center;}.elementor-490 .elementor-element.elementor-element-da93ae0{--icon-box-icon-margin:13px;}.elementor-490 .elementor-element.elementor-element-da93ae0.elementor-view-stacked .elementor-icon{background-color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-da93ae0.elementor-view-framed .elementor-icon, .elementor-490 .elementor-element.elementor-element-da93ae0.elementor-view-default .elementor-icon{fill:#F4E6FF;color:#F4E6FF;border-color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-da93ae0 .elementor-icon{font-size:24px;}.elementor-490 .elementor-element.elementor-element-da93ae0 .elementor-icon-box-title, .elementor-490 .elementor-element.elementor-element-da93ae0 .elementor-icon-box-title a{font-family:"Space Grotesk", Sans-serif;font-weight:600;}.elementor-490 .elementor-element.elementor-element-da93ae0 .elementor-icon-box-title{color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-da93ae0 .elementor-icon-box-description{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;color:#E0E0E0;}.elementor-490 .elementor-element.elementor-element-39445953 .elementor-icon-box-wrapper{align-items:center;}.elementor-490 .elementor-element.elementor-element-39445953{--icon-box-icon-margin:13px;}.elementor-490 .elementor-element.elementor-element-39445953.elementor-view-stacked .elementor-icon{background-color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-39445953.elementor-view-framed .elementor-icon, .elementor-490 .elementor-element.elementor-element-39445953.elementor-view-default .elementor-icon{fill:#F4E6FF;color:#F4E6FF;border-color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-39445953 .elementor-icon{font-size:24px;}.elementor-490 .elementor-element.elementor-element-39445953 .elementor-icon-box-title, .elementor-490 .elementor-element.elementor-element-39445953 .elementor-icon-box-title a{font-family:"Space Grotesk", Sans-serif;font-weight:600;}.elementor-490 .elementor-element.elementor-element-39445953 .elementor-icon-box-title{color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-39445953 .elementor-icon-box-description{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;color:#E0E0E0;}.elementor-490 .elementor-element.elementor-element-11c3b523 .elementor-icon-box-wrapper{align-items:center;}.elementor-490 .elementor-element.elementor-element-11c3b523{--icon-box-icon-margin:13px;}.elementor-490 .elementor-element.elementor-element-11c3b523.elementor-view-stacked .elementor-icon{background-color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-11c3b523.elementor-view-framed .elementor-icon, .elementor-490 .elementor-element.elementor-element-11c3b523.elementor-view-default .elementor-icon{fill:#F4E6FF;color:#F4E6FF;border-color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-11c3b523 .elementor-icon{font-size:24px;}.elementor-490 .elementor-element.elementor-element-11c3b523 .elementor-icon-box-title, .elementor-490 .elementor-element.elementor-element-11c3b523 .elementor-icon-box-title a{font-family:"Space Grotesk", Sans-serif;font-weight:600;}.elementor-490 .elementor-element.elementor-element-11c3b523 .elementor-icon-box-title{color:#F4E6FF;}.elementor-490 .elementor-element.elementor-element-11c3b523 .elementor-icon-box-description{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;color:#E0E0E0;}.elementor-490 .elementor-element.elementor-element-4660c6a7 .elementor-button{background-color:#FFFFFF14;font-family:"Space Grotesk", Sans-serif;font-weight:500;letter-spacing:2.6px;fill:#E2BEFF;color:#E2BEFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.89);border-style:solid;border-color:#E2BEFF;border-radius:100px 100px 100px 100px;}.elementor-490 .elementor-element.elementor-element-4660c6a7{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-490 .elementor-element.elementor-element-333d2c3d{text-align:center;}.elementor-490 .elementor-element.elementor-element-333d2c3d .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:40px;font-weight:700;color:#FFEFFF;}.elementor-490 .elementor-element.elementor-element-7c244147{margin-top:10px;margin-bottom:70px;}.elementor-490 .elementor-element.elementor-element-4a88cd8 > .elementor-element-populated, .elementor-490 .elementor-element.elementor-element-4a88cd8 > .elementor-element-populated > .elementor-background-overlay, .elementor-490 .elementor-element.elementor-element-4a88cd8 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-490 .elementor-element.elementor-element-4a88cd8 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:20px 20px 0px 20px;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-490 .elementor-element.elementor-element-3492f086{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-490 .elementor-element.elementor-element-3492f086.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-490 .elementor-element.elementor-element-3492f086.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-490 .elementor-element.elementor-element-3492f086.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-490 .elementor-element.elementor-element-3492f086 .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-490 .elementor-element.elementor-element-3492f086 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-490 .elementor-element.elementor-element-3492f086 .elementor-image-box-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:400;line-height:22px;color:#E4DFFF;}.elementor-490 .elementor-element.elementor-element-3492f086:has(:hover) .elementor-image-box-title, .elementor-490 .elementor-element.elementor-element-3492f086:has(:focus) .elementor-image-box-title{color:#DED9FF;}.elementor-490 .elementor-element.elementor-element-43940d24 > .elementor-element-populated, .elementor-490 .elementor-element.elementor-element-43940d24 > .elementor-element-populated > .elementor-background-overlay, .elementor-490 .elementor-element.elementor-element-43940d24 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-490 .elementor-element.elementor-element-43940d24 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:20px 20px 0px 20px;}.elementor-490 .elementor-element.elementor-element-545bb373{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-490 .elementor-element.elementor-element-545bb373.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-490 .elementor-element.elementor-element-545bb373.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-490 .elementor-element.elementor-element-545bb373.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-490 .elementor-element.elementor-element-545bb373 .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-490 .elementor-element.elementor-element-545bb373 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-490 .elementor-element.elementor-element-545bb373 .elementor-image-box-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:400;line-height:22px;color:#E4DFFF;}.elementor-490 .elementor-element.elementor-element-545bb373:has(:hover) .elementor-image-box-title, .elementor-490 .elementor-element.elementor-element-545bb373:has(:focus) .elementor-image-box-title{color:#DED9FF;}.elementor-490 .elementor-element.elementor-element-27566fdf > .elementor-element-populated, .elementor-490 .elementor-element.elementor-element-27566fdf > .elementor-element-populated > .elementor-background-overlay, .elementor-490 .elementor-element.elementor-element-27566fdf > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-490 .elementor-element.elementor-element-27566fdf > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:20px 20px 0px 20px;}.elementor-490 .elementor-element.elementor-element-5580ddd{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-490 .elementor-element.elementor-element-5580ddd.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-490 .elementor-element.elementor-element-5580ddd.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-490 .elementor-element.elementor-element-5580ddd.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-490 .elementor-element.elementor-element-5580ddd .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-490 .elementor-element.elementor-element-5580ddd .elementor-image-box-img img{transition-duration:0.3s;}.elementor-490 .elementor-element.elementor-element-5580ddd .elementor-image-box-title{font-family:"Sora", Sans-serif;font-size:15px;font-weight:400;line-height:22px;color:#E4DFFF;}.elementor-490 .elementor-element.elementor-element-5580ddd:has(:hover) .elementor-image-box-title, .elementor-490 .elementor-element.elementor-element-5580ddd:has(:focus) .elementor-image-box-title{color:#DED9FF;}.elementor-490 .elementor-element.elementor-element-70ee0557:not(.elementor-motion-effects-element-type-background), .elementor-490 .elementor-element.elementor-element-70ee0557 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131313;}.elementor-490 .elementor-element.elementor-element-70ee0557{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:50px 0px 50px 0px;}.elementor-490 .elementor-element.elementor-element-70ee0557 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-490 .elementor-element.elementor-element-523d396b .elementor-button{background-color:#FFFFFF14;font-family:"Space Grotesk", Sans-serif;font-weight:500;letter-spacing:2.6px;fill:#E2BEFF;color:#E2BEFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.89);border-style:solid;border-color:#E2BEFF;border-radius:100px 100px 100px 100px;}.elementor-490 .elementor-element.elementor-element-523d396b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-490 .elementor-element.elementor-element-5512681d{text-align:left;}.elementor-490 .elementor-element.elementor-element-5512681d .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:55px;font-weight:700;color:#FFFFFF;}.elementor-490 .elementor-element.elementor-element-1f7e7bd6{text-align:left;}.elementor-490 .elementor-element.elementor-element-1f7e7bd6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:600;color:#FFFFFF;}.elementor-490 .elementor-element.elementor-element-7b63e35f{font-family:"Space Grotesk", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-490 .elementor-element.elementor-element-39607bfa > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-490 .elementor-element.elementor-element-39607bfa > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-490 .elementor-element.elementor-element-6b7b5891 img{width:74%;border-radius:20px 20px 20px 20px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-490 .elementor-element.elementor-element-559fef0f{--width:500px;}}@media(max-width:767px){.elementor-490 .elementor-element.elementor-element-e0aff1c:not(.elementor-motion-effects-element-type-background), .elementor-490 .elementor-element.elementor-element-e0aff1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://andrecano.com/wp-content/uploads/2025/09/movil-ID_-FONDO.webp");background-size:contain;}.elementor-490 .elementor-element.elementor-element-6bc50bb0{margin:280px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-490 .elementor-element.elementor-element-25cb660b{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-490 .elementor-element.elementor-element-25cb660b .elementor-heading-title{font-size:23px;line-height:1.2em;letter-spacing:0px;word-spacing:0em;}.elementor-490 .elementor-element.elementor-element-42122d84{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:center;font-size:17px;}.elementor-490 .elementor-element.elementor-element-7989e8f8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-490 .elementor-element.elementor-element-7989e8f8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-490 .elementor-element.elementor-element-7989e8f8 .elementor-icon-list-item > a{font-size:13px;}.elementor-490 .elementor-element.elementor-element-4447528{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-490 .elementor-element.elementor-element-3fffaee1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 134px;}.elementor-490 .elementor-element.elementor-element-3fffaee1 img{width:54%;}.elementor-490 .elementor-element.elementor-element-559fef0f{margin:-82px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 132px;--width:500px;}.elementor-490 .elementor-element.elementor-element-2a2219f1{margin-top:0px;margin-bottom:0px;}.elementor-490 .elementor-element.elementor-element-46b08936{text-align:center;}.elementor-490 .elementor-element.elementor-element-46b08936 .elementor-heading-title{font-size:45px;}.elementor-490 .elementor-element.elementor-element-3492f086 .elementor-image-box-img{margin-bottom:0px;}.elementor-490 .elementor-element.elementor-element-545bb373 .elementor-image-box-img{margin-bottom:0px;}.elementor-490 .elementor-element.elementor-element-5580ddd .elementor-image-box-img{margin-bottom:0px;}.elementor-490 .elementor-element.elementor-element-28eed1ad > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-490 .elementor-element.elementor-element-5512681d{text-align:center;}.elementor-490 .elementor-element.elementor-element-5512681d .elementor-heading-title{font-size:47px;}.elementor-490 .elementor-element.elementor-element-1f7e7bd6{text-align:center;}.elementor-490 .elementor-element.elementor-element-7b63e35f{text-align:center;}.elementor-490 .elementor-element.elementor-element-6b7b5891 img{width:90%;}}/* Start custom CSS for form, class: .elementor-element-4447528 */.elementor-490 .elementor-element.elementor-element-4447528 .elementor-button{ animation: 3.4s cubic-bezier(0.2, 0.5, 0.9, 0.6) 2s infinite normal none running textura; background-image: linear-gradient(45deg, #E2BEFF, #7562e1, #E2BEFF, #7562e1); background-size: 400% 200%; transition: background 1.6s cubic-bezier(0.55, 0.1, 0.47, 0.94) 0s; } @keyframes textura{ 0% { background-position: 0 0; } 100% { background-position: 100% 0; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-e0aff1c */.elementor-490 .elementor-element.elementor-element-e0aff1c::before{ content: ""; position: absolute; bottom: : -15%; left: inherit; right: calc(50% - 300px); width: -600px; height: -600px; background: #473f7a; border-radius: 100%; filter: blur(150px); mix-blend-mode: screen; animation: light 5s infinite; pointer-events: none; opacity: 0; } .elementor-490 .elementor-element.elementor-element-e0aff1c::after{ content: ""; position: absolute; top: -40%; left: inherit; right: calc(50% - 400px); width: 500px; height:500px; background: #8443FF; border-radius: 100%; filter: blur(90px); mix-blend-mode: screen; animation: light 5s 2s infinite; pointer-events: none; opacity: 0; } @keyframes light{ 0%, 100%{ opacity:0; } 50%{ opacity:1; } } .elementor-490 .elementor-element.elementor-element-e0aff1c { border-bottom: 1px solid; border-image: linear-gradient(to right, #473f7a, transparent)1; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3fffaee1 */.elementor-490 .elementor-element.elementor-element-3fffaee1 svg{ animation: rotate 20s linear infinite; } @-webkit-keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for text-path, class: .elementor-element-559fef0f */.elementor-490 .elementor-element.elementor-element-559fef0f svg{ animation: rotate 20s linear infinite; } @-webkit-keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-46b08936 */.container-titulos { position: relative; width: 100%; height: 1000vh; /*controle a duração do scroll por aqui*/ opacity: 0; } .container-sticky { position: sticky; top: 0; left: 0; height: 100vh; } .frases { text-wrap: balance; } .frases.oculto { visibility: hidden; position: absolute; } .elementor-490 .elementor-element.elementor-element-46b08936 .elementor-heading-title{ -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: 3s cubic-bezier(0.2, 0.5,00.9,00.6) 2s infinite normal none running textura; background-image: linear-gradient(45deg, #7562E1, #E2BEFF, #7562E1, #E2BEFF); background-size: 400% 200%; transition: background 1.6s cubic-bezier(0.55, 0.1, 0.47, 0.94) 0s; transition: all .8s; } @keyframes textura{ 0%{background-position: 0.0; } 100%{background-position: 100% 0;} }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-4a88cd8 */.wrapper{ border-radius: 20px; } .wrapper .elementor-widget:not(.html-fundo, .html-brilho){ z-index: 9 !important; } .html-brilho{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; z-index: 1; } .superior{ position: absolute; border-radius: 20px; top: 3px; left: 3px; background: linear-gradient(-220deg, #ffffff 0%, transparent 30%); width: 400px; height: 400px; filter: blur(3px); mix-blend-mode: plus-lighter; } .brilho2{ background: linear-gradient(-220deg, #FFBEF9 0%, transparent 30%); filter: blur(4px); } .brilho3{ background: linear-gradient(-220deg, #BD95FF 0%, transparent 30%); filter: blur(10px); } .brilho4{ background: linear-gradient(-220deg, #FFBEF9 0%, transparent 30%); filter: blur(70px); opacity: 0.7; } .inferior{ position: absolute; border-radius: 20px; bottom: 3px; right: 3px; background: linear-gradient(-220deg, #ffffff 0%, transparent 30%); width: 400px; height: 400px; filter: blur(3px); mix-blend-mode: plus-lighter; transform: scale(-1); } .inferior.brilho2{ background: linear-gradient(-220deg, #FFBEF9 0%, transparent 30%); filter: blur(4px); } .inferior.brilho3{ background: linear-gradient(-220deg, #BD95FF 0%, transparent 30%); filter: blur(10px); } .inferior.brilho4{ background: linear-gradient(-220deg, #FFBEF9 0%, transparent 30%); filter: blur(70px); } .superior.brilho5{ width: 150px; height: 150px; filter: blur(5px); top: 0px; left: 0px; background: linear-gradient(-220deg, #BD95FF 0%, transparent 30%); } .inferior.brilho5{ width: 150px; height: 150px; filter: blur(5px); bottom: 0px; right: 0px; background: linear-gradient(-220deg, #BD95FF 0%, transparent 30%); } .html-fundo{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; z-index: 3; } .fundo{ border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(-35deg, #ffffff, transparent, transparent, #ffffff); width: calc(100% - 8px); height: calc(100% - 8px); pointer-events: none; } .fundo::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; border-radius: 20px; width: calc(100% - 2px); height: calc(100% - 2px); background: #161616; /*troque a cor ou imagem de fundo aqui*/ z-index: 0; border: 1px solid #6f6187; /*troque a cor da borda aqui*/ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-43940d24 */.wrapper{ border-radius: 20px; } .wrapper .elementor-widget:not(.html-fundo, .html-brilho){ z-index: 9 !important; } .html-brilho{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; z-index: 1; } .superior{ position: absolute; border-radius: 20px; top: 3px; left: 3px; background: linear-gradient(-220deg, #ffffff 0%, transparent 30%); width: 400px; height: 400px; filter: blur(3px); mix-blend-mode: plus-lighter; } .brilho2{ background: linear-gradient(-220deg, #FFBEF9 0%, transparent 30%); filter: blur(4px); } .brilho3{ background: linear-gradient(-220deg, #BD95FF 0%, transparent 30%); filter: blur(10px); } .brilho4{ background: linear-gradient(-220deg, #FFBEF9 0%, transparent 30%); filter: blur(70px); opacity: 0.7; } .inferior{ position: absolute; border-radius: 20px; bottom: 3px; right: 3px; background: linear-gradient(-220deg, #ffffff 0%, transparent 30%); width: 400px; height: 400px; filter: blur(3px); mix-blend-mode: plus-lighter; transform: scale(-1); } .inferior.brilho2{ background: linear-gradient(-220deg, #FFBEF9 0%, transparent 30%); filter: blur(4px); } .inferior.brilho3{ background: linear-gradient(-220deg, #BD95FF 0%, transparent 30%); filter: blur(10px); } .inferior.brilho4{ background: linear-gradient(-220deg, #FFBEF9 0%, transparent 30%); filter: blur(70px); } .superior.brilho5{ width: 150px; height: 150px; filter: blur(5px); top: 0px; left: 0px; background: linear-gradient(-220deg, #BD95FF 0%, transparent 30%); } .inferior.brilho5{ width: 150px; height: 150px; filter: blur(5px); bottom: 0px; right: 0px; background: linear-gradient(-220deg, #BD95FF 0%, transparent 30%); } .html-fundo{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; z-index: 3; } .fundo{ border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(-35deg, #ffffff, transparent, transparent, #ffffff); width: calc(100% - 8px); height: calc(100% - 8px); pointer-events: none; } .fundo::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; border-radius: 20px; width: calc(100% - 2px); height: calc(100% - 2px); background: #000000; /*troque a cor ou imagem de fundo aqui*/ z-index: 0; border: 1px solid #6f6187; /*troque a cor da borda aqui*/ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-27566fdf */.wrapper{ border-radius: 20px; } .wrapper .elementor-widget:not(.html-fundo, .html-brilho){ z-index: 9 !important; } .html-brilho{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; z-index: 1; } .superior{ position: absolute; border-radius: 20px; top: 3px; left: 3px; background: linear-gradient(-220deg, #ffffff 0%, transparent 30%); width: 400px; height: 400px; filter: blur(3px); mix-blend-mode: plus-lighter; } .brilho2{ background: linear-gradient(-220deg, #FFBEF9 0%, transparent 30%); filter: blur(4px); } .brilho3{ background: linear-gradient(-220deg, #BD95FF 0%, transparent 30%); filter: blur(10px); } .brilho4{ background: linear-gradient(-220deg, #FFBEF9 0%, transparent 30%); filter: blur(70px); opacity: 0.7; } .inferior{ position: absolute; border-radius: 20px; bottom: 3px; right: 3px; background: linear-gradient(-220deg, #ffffff 0%, transparent 30%); width: 400px; height: 400px; filter: blur(3px); mix-blend-mode: plus-lighter; transform: scale(-1); } .inferior.brilho2{ background: linear-gradient(-220deg, #FFBEF9 0%, transparent 30%); filter: blur(4px); } .inferior.brilho3{ background: linear-gradient(-220deg, #BD95FF 0%, transparent 30%); filter: blur(10px); } .inferior.brilho4{ background: linear-gradient(-220deg, #FFBEF9 0%, transparent 30%); filter: blur(70px); } .superior.brilho5{ width: 150px; height: 150px; filter: blur(5px); top: 0px; left: 0px; background: linear-gradient(-220deg, #BD95FF 0%, transparent 30%); } .inferior.brilho5{ width: 150px; height: 150px; filter: blur(5px); bottom: 0px; right: 0px; background: linear-gradient(-220deg, #BD95FF 0%, transparent 30%); } .html-fundo{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; z-index: 3; } .fundo{ border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(-35deg, #ffffff, transparent, transparent, #ffffff); width: calc(100% - 8px); height: calc(100% - 8px); pointer-events: none; } .fundo::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; border-radius: 20px; width: calc(100% - 2px); height: calc(100% - 2px); background: #000000; /*troque a cor ou imagem de fundo aqui*/ z-index: 0; border: 1px solid #6f6187; /*troque a cor da borda aqui*/ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-2a2219f1 */.elementor-490 .elementor-element.elementor-element-2a2219f1 { backdrop-filter: blur( 20px ); -webkit-backdrop-filter: blur( 20px ); border-radius: 5px; border: 1px solid; border-image: linear-gradient(90deg,#F2298200, #E2BEFF73, #F2298200) 1; border-left:0px; border-bottom:0px; border-right:0px; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5512681d */.elementor-490 .elementor-element.elementor-element-5512681d .elementor-heading-title{ -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: 3s cubic-bezier(0.2, 0.5,00.9,00.6) 2s infinite normal none running textura; background-image: linear-gradient(45deg, #7562E1, #E2BEFF, #7562E1, #E2BEFF); background-size: 400% 200%; transition: background 1.6s cubic-bezier(0.55, 0.1, 0.47, 0.94) 0s; transition: all .8s; } @keyframes textura{ 0%{background-position: 0.0; } 100%{background-position: 100% 0;} }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-70ee0557 */.elementor-490 .elementor-element.elementor-element-70ee0557 { backdrop-filter: blur( 20px ); -webkit-backdrop-filter: blur( 20px ); border-radius: 5px; border: 1px solid; border-image: linear-gradient(90deg,#F2298200, #E2BEFF73, #F2298200) 1; border-left:0px; border-bottom:0px; border-right:0px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1e366fc6 */.fairy { position: fixed; left: 50%; top: 50%; width: 0.4vw; height: 0.4vw; margin: -0.2vw 0 0 9.8vw; animation: ease 200s alternate infinite; pointer-events: none; } .fairy::before, .fairy::after { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; transform-origin: -10vw; } .fairy::before { background: black; opacity: 0.4; animation: drift ease alternate infinite; } .fairy::after { background: white; opacity: 0; box-shadow: 0 0 0vw 0vw purple; animation: drift ease alternate infinite, flash ease infinite; } .fairy:nth-child(1) { animation-name: move1; } .fairy:nth-child(1)::before { animation-duration: 14s; } .fairy:nth-child(1)::after { animation-duration: 14s, 6129ms; animation-delay: 0ms, 1244ms; } @keyframes move1 { 0% { transform: translateX(36vw) translateY(21vh) scale(0.93); } 3.7037037037% { transform: translateX(-28vw) translateY(5vh) scale(0.87); } 7.4074074074% { transform: translateX(20vw) translateY(6vh) scale(0.48); } 11.1111111111% { transform: translateX(-23vw) translateY(-31vh) scale(0.36); } 14.8148148148% { transform: translateX(17vw) translateY(-43vh) scale(0.63); } 18.5185185185% { transform: translateX(5vw) translateY(29vh) scale(0.65); } 22.2222222222% { transform: translateX(48vw) translateY(6vh) scale(0.83); } 25.9259259259% { transform: translateX(-8vw) translateY(-10vh) scale(0.45); } 29.6296296296% { transform: translateX(-46vw) translateY(36vh) scale(0.98); } 33.3333333333% { transform: translateX(30vw) translateY(-19vh) scale(0.95); } 37.037037037% { transform: translateX(35vw) translateY(24vh) scale(0.3); } 40.7407407407% { transform: translateX(38vw) translateY(-27vh) scale(0.66); } 44.4444444444% { transform: translateX(-7vw) translateY(6vh) scale(0.58); } 48.1481481481% { transform: translateX(2vw) translateY(-46vh) scale(0.26); } 51.8518518519% { transform: translateX(39vw) translateY(37vh) scale(0.57); } 55.5555555556% { transform: translateX(33vw) translateY(-9vh) scale(0.77); } 59.2592592593% { transform: translateX(7vw) translateY(-12vh) scale(0.29); } 62.962962963% { transform: translateX(21vw) translateY(-4vh) scale(0.81); } 66.6666666667% { transform: translateX(-6vw) translateY(-7vh) scale(0.98); } 70.3703703704% { transform: translateX(-20vw) translateY(17vh) scale(0.59); } 74.0740740741% { transform: translateX(23vw) translateY(-23vh) scale(0.66); } 77.7777777778% { transform: translateX(-16vw) translateY(31vh) scale(0.28); } 81.4814814815% { transform: translateX(32vw) translateY(31vh) scale(0.4); } 85.1851851852% { transform: translateX(8vw) translateY(11vh) scale(0.35); } 88.8888888889% { transform: translateX(-5vw) translateY(-22vh) scale(0.61); } 92.5925925926% { transform: translateX(-33vw) translateY(0vh) scale(0.96); } 96.2962962963% { transform: translateX(10vw) translateY(4vh) scale(0.9); } 100% { transform: translateX(27vw) translateY(14vh) scale(0.86); } } .fairy:nth-child(2) { animation-name: move2; } .fairy:nth-child(2)::before { animation-duration: 17s; } .fairy:nth-child(2)::after { animation-duration: 17s, 9519ms; animation-delay: 0ms, 8043ms; } @keyframes move2 { 0% { transform: translateX(37vw) translateY(32vh) scale(0.27); } 4% { transform: translateX(-7vw) translateY(-43vh) scale(0.5); } 8% { transform: translateX(48vw) translateY(-44vh) scale(0.83); } 12% { transform: translateX(-13vw) translateY(-7vh) scale(0.43); } 16% { transform: translateX(41vw) translateY(-32vh) scale(0.71); } 20% { transform: translateX(43vw) translateY(17vh) scale(0.96); } 24% { transform: translateX(46vw) translateY(14vh) scale(0.76); } 28% { transform: translateX(30vw) translateY(8vh) scale(0.82); } 32% { transform: translateX(12vw) translateY(-36vh) scale(0.53); } 36% { transform: translateX(-28vw) translateY(-5vh) scale(0.36); } 40% { transform: translateX(13vw) translateY(-37vh) scale(0.57); } 44% { transform: translateX(36vw) translateY(-24vh) scale(0.7); } 48% { transform: translateX(-2vw) translateY(-43vh) scale(0.69); } 52% { transform: translateX(-47vw) translateY(40vh) scale(0.46); } 56% { transform: translateX(1vw) translateY(-23vh) scale(0.33); } 60% { transform: translateX(-8vw) translateY(-6vh) scale(1); } 64% { transform: translateX(50vw) translateY(-35vh) scale(0.67); } 68% { transform: translateX(32vw) translateY(-26vh) scale(0.86); } 72% { transform: translateX(9vw) translateY(31vh) scale(0.53); } 76% { transform: translateX(43vw) translateY(-33vh) scale(0.34); } 80% { transform: translateX(-42vw) translateY(41vh) scale(0.73); } 84% { transform: translateX(-20vw) translateY(-3vh) scale(0.43); } 88% { transform: translateX(-20vw) translateY(19vh) scale(0.71); } 92% { transform: translateX(20vw) translateY(-14vh) scale(0.87); } 96% { transform: translateX(-35vw) translateY(-43vh) scale(0.43); } 100% { transform: translateX(-40vw) translateY(-13vh) scale(0.65); } } .fairy:nth-child(3) { animation-name: move3; } .fairy:nth-child(3)::before { animation-duration: 10s; } .fairy:nth-child(3)::after { animation-duration: 10s, 10494ms; animation-delay: 0ms, 2108ms; } @keyframes move3 { 0% { transform: translateX(-34vw) translateY(49vh) scale(0.74); } 4.5454545455% { transform: translateX(-25vw) translateY(11vh) scale(0.89); } 9.0909090909% { transform: translateX(44vw) translateY(-10vh) scale(0.78); } 13.6363636364% { transform: translateX(18vw) translateY(18vh) scale(0.84); } 18.1818181818% { transform: translateX(-5vw) translateY(4vh) scale(0.74); } 22.7272727273% { transform: translateX(5vw) translateY(-39vh) scale(0.79); } 27.2727272727% { transform: translateX(-43vw) translateY(-47vh) scale(0.3); } 31.8181818182% { transform: translateX(-37vw) translateY(32vh) scale(0.82); } 36.3636363636% { transform: translateX(32vw) translateY(-40vh) scale(0.96); } 40.9090909091% { transform: translateX(12vw) translateY(45vh) scale(0.27); } 45.4545454545% { transform: translateX(-19vw) translateY(-7vh) scale(0.26); } 50% { transform: translateX(50vw) translateY(-49vh) scale(0.65); } 54.5454545455% { transform: translateX(36vw) translateY(-31vh) scale(0.92); } 59.0909090909% { transform: translateX(20vw) translateY(-34vh) scale(0.74); } 63.6363636364% { transform: translateX(41vw) translateY(-1vh) scale(0.62); } 68.1818181818% { transform: translateX(50vw) translateY(-30vh) scale(0.57); } 72.7272727273% { transform: translateX(50vw) translateY(45vh) scale(0.39); } 77.2727272727% { transform: translateX(-28vw) translateY(27vh) scale(0.82); } 81.8181818182% { transform: translateX(44vw) translateY(42vh) scale(0.99); } 86.3636363636% { transform: translateX(-7vw) translateY(-14vh) scale(0.78); } 90.9090909091% { transform: translateX(7vw) translateY(-39vh) scale(0.41); } 95.4545454545% { transform: translateX(36vw) translateY(-15vh) scale(0.37); } 100% { transform: translateX(-24vw) translateY(45vh) scale(0.32); } } .fairy:nth-child(4) { animation-name: move4; } .fairy:nth-child(4)::before { animation-duration: 16s; } .fairy:nth-child(4)::after { animation-duration: 16s, 10425ms; animation-delay: 0ms, 4212ms; } @keyframes move4 { 0% { transform: translateX(-29vw) translateY(-14vh) scale(0.8); } 3.7037037037% { transform: translateX(-17vw) translateY(-27vh) scale(0.36); } 7.4074074074% { transform: translateX(-37vw) translateY(-42vh) scale(0.55); } 11.1111111111% { transform: translateX(-32vw) translateY(-43vh) scale(0.37); } 14.8148148148% { transform: translateX(10vw) translateY(24vh) scale(0.63); } 18.5185185185% { transform: translateX(16vw) translateY(45vh) scale(0.7); } 22.2222222222% { transform: translateX(-32vw) translateY(-21vh) scale(0.7); } 25.9259259259% { transform: translateX(-15vw) translateY(-46vh) scale(0.83); } 29.6296296296% { transform: translateX(-29vw) translateY(-45vh) scale(0.63); } 33.3333333333% { transform: translateX(49vw) translateY(10vh) scale(0.3); } 37.037037037% { transform: translateX(5vw) translateY(27vh) scale(0.8); } 40.7407407407% { transform: translateX(41vw) translateY(3vh) scale(0.87); } 44.4444444444% { transform: translateX(-23vw) translateY(-20vh) scale(0.53); } 48.1481481481% { transform: translateX(10vw) translateY(-39vh) scale(0.68); } 51.8518518519% { transform: translateX(-47vw) translateY(37vh) scale(0.47); } 55.5555555556% { transform: translateX(4vw) translateY(17vh) scale(0.87); } 59.2592592593% { transform: translateX(50vw) translateY(-4vh) scale(0.96); } 62.962962963% { transform: translateX(-11vw) translateY(3vh) scale(0.49); } 66.6666666667% { transform: translateX(13vw) translateY(-18vh) scale(0.71); } 70.3703703704% { transform: translateX(40vw) translateY(-30vh) scale(0.66); } 74.0740740741% { transform: translateX(41vw) translateY(29vh) scale(0.6); } 77.7777777778% { transform: translateX(0vw) translateY(2vh) scale(0.57); } 81.4814814815% { transform: translateX(37vw) translateY(-44vh) scale(0.52); } 85.1851851852% { transform: translateX(33vw) translateY(44vh) scale(0.81); } 88.8888888889% { transform: translateX(5vw) translateY(35vh) scale(0.49); } 92.5925925926% { transform: translateX(38vw) translateY(-24vh) scale(0.81); } 96.2962962963% { transform: translateX(32vw) translateY(-49vh) scale(0.62); } 100% { transform: translateX(-33vw) translateY(-25vh) scale(0.8); } } .fairy:nth-child(5) { animation-name: move5; } .fairy:nth-child(5)::before { animation-duration: 18s; } .fairy:nth-child(5)::after { animation-duration: 18s, 10741ms; animation-delay: 0ms, 5216ms; } @keyframes move5 { 0% { transform: translateX(-34vw) translateY(-21vh) scale(0.52); } 4.7619047619% { transform: translateX(-9vw) translateY(18vh) scale(0.79); } 9.5238095238% { transform: translateX(-22vw) translateY(33vh) scale(0.42); } 14.2857142857% { transform: translateX(-16vw) translateY(26vh) scale(0.47); } 19.0476190476% { transform: translateX(5vw) translateY(-26vh) scale(0.33); } 23.8095238095% { transform: translateX(-45vw) translateY(-41vh) scale(0.58); } 28.5714285714% { transform: translateX(-18vw) translateY(5vh) scale(0.7); } 33.3333333333% { transform: translateX(17vw) translateY(-17vh) scale(0.97); } 38.0952380952% { transform: translateX(-35vw) translateY(-14vh) scale(0.54); } 42.8571428571% { transform: translateX(45vw) translateY(22vh) scale(0.86); } 47.619047619% { transform: translateX(-14vw) translateY(-3vh) scale(0.9); } 52.380952381% { transform: translateX(8vw) translateY(6vh) scale(0.66); } 57.1428571429% { transform: translateX(35vw) translateY(0vh) scale(0.83); } 61.9047619048% { transform: translateX(14vw) translateY(-3vh) scale(0.52); } 66.6666666667% { transform: translateX(-31vw) translateY(-31vh) scale(0.83); } 71.4285714286% { transform: translateX(44vw) translateY(-19vh) scale(0.62); } 76.1904761905% { transform: translateX(35vw) translateY(-6vh) scale(0.5); } 80.9523809524% { transform: translateX(-43vw) translateY(-6vh) scale(0.46); } 85.7142857143% { transform: translateX(-17vw) translateY(46vh) scale(0.97); } 90.4761904762% { transform: translateX(-8vw) translateY(8vh) scale(0.82); } 95.2380952381% { transform: translateX(-1vw) translateY(4vh) scale(0.42); } 100% { transform: translateX(-39vw) translateY(-25vh) scale(0.56); } } .fairy:nth-child(6) { animation-name: move6; } .fairy:nth-child(6)::before { animation-duration: 11s; } .fairy:nth-child(6)::after { animation-duration: 11s, 9646ms; animation-delay: 0ms, 4395ms; } @keyframes move6 { 0% { transform: translateX(-35vw) translateY(24vh) scale(0.76); } 4.5454545455% { transform: translateX(-24vw) translateY(-6vh) scale(0.75); } 9.0909090909% { transform: translateX(5vw) translateY(-11vh) scale(0.59); } 13.6363636364% { transform: translateX(34vw) translateY(3vh) scale(0.9); } 18.1818181818% { transform: translateX(21vw) translateY(-40vh) scale(0.97); } 22.7272727273% { transform: translateX(28vw) translateY(-36vh) scale(0.43); } 27.2727272727% { transform: translateX(-45vw) translateY(-38vh) scale(0.3); } 31.8181818182% { transform: translateX(-45vw) translateY(-23vh) scale(0.35); } 36.3636363636% { transform: translateX(38vw) translateY(-12vh) scale(0.47); } 40.9090909091% { transform: translateX(-15vw) translateY(26vh) scale(0.39); } 45.4545454545% { transform: translateX(38vw) translateY(-24vh) scale(0.39); } 50% { transform: translateX(-46vw) translateY(-36vh) scale(0.63); } 54.5454545455% { transform: translateX(14vw) translateY(47vh) scale(0.89); } 59.0909090909% { transform: translateX(31vw) translateY(34vh) scale(0.61); } 63.6363636364% { transform: translateX(48vw) translateY(-10vh) scale(0.63); } 68.1818181818% { transform: translateX(16vw) translateY(41vh) scale(0.94); } 72.7272727273% { transform: translateX(-9vw) translateY(49vh) scale(0.81); } 77.2727272727% { transform: translateX(42vw) translateY(-43vh) scale(0.26); } 81.8181818182% { transform: translateX(8vw) translateY(50vh) scale(0.79); } 86.3636363636% { transform: translateX(47vw) translateY(33vh) scale(0.35); } 90.9090909091% { transform: translateX(-35vw) translateY(0vh) scale(0.75); } 95.4545454545% { transform: translateX(-40vw) translateY(47vh) scale(0.26); } 100% { transform: translateX(31vw) translateY(-41vh) scale(0.37); } } .fairy:nth-child(7) { animation-name: move7; } .fairy:nth-child(7)::before { animation-duration: 9s; } .fairy:nth-child(7)::after { animation-duration: 9s, 8563ms; animation-delay: 0ms, 6852ms; } @keyframes move7 { 0% { transform: translateX(-30vw) translateY(38vh) scale(0.68); } 3.5714285714% { transform: translateX(-3vw) translateY(-9vh) scale(0.29); } 7.1428571429% { transform: translateX(3vw) translateY(-49vh) scale(0.49); } 10.7142857143% { transform: translateX(11vw) translateY(27vh) scale(0.3); } 14.2857142857% { transform: translateX(24vw) translateY(47vh) scale(0.89); } 17.8571428571% { transform: translateX(3vw) translateY(-2vh) scale(0.29); } 21.4285714286% { transform: translateX(29vw) translateY(-27vh) scale(0.56); } 25% { transform: translateX(-31vw) translateY(39vh) scale(0.84); } 28.5714285714% { transform: translateX(-29vw) translateY(41vh) scale(0.31); } 32.1428571429% { transform: translateX(33vw) translateY(-43vh) scale(0.64); } 35.7142857143% { transform: translateX(-1vw) translateY(9vh) scale(0.38); } 39.2857142857% { transform: translateX(-48vw) translateY(38vh) scale(0.74); } 42.8571428571% { transform: translateX(-11vw) translateY(12vh) scale(0.33); } 46.4285714286% { transform: translateX(-12vw) translateY(8vh) scale(0.54); } 50% { transform: translateX(44vw) translateY(-14vh) scale(0.56); } 53.5714285714% { transform: translateX(-29vw) translateY(-1vh) scale(0.31); } 57.1428571429% { transform: translateX(8vw) translateY(5vh) scale(0.31); } 60.7142857143% { transform: translateX(30vw) translateY(-46vh) scale(0.76); } 64.2857142857% { transform: translateX(-17vw) translateY(-30vh) scale(0.77); } 67.8571428571% { transform: translateX(43vw) translateY(31vh) scale(0.53); } 71.4285714286% { transform: translateX(41vw) translateY(41vh) scale(0.87); } 75% { transform: translateX(10vw) translateY(18vh) scale(0.85); } 78.5714285714% { transform: translateX(-48vw) translateY(-15vh) scale(0.67); } 82.1428571429% { transform: translateX(-24vw) translateY(-1vh) scale(0.7); } 85.7142857143% { transform: translateX(11vw) translateY(-30vh) scale(0.95); } 89.2857142857% { transform: translateX(49vw) translateY(28vh) scale(0.89); } 92.8571428571% { transform: translateX(33vw) translateY(28vh) scale(0.51); } 96.4285714286% { transform: translateX(-35vw) translateY(42vh) scale(0.76); } 100% { transform: translateX(8vw) translateY(39vh) scale(0.48); } } .fairy:nth-child(8) { animation-name: move8; } .fairy:nth-child(8)::before { animation-duration: 17s; } .fairy:nth-child(8)::after { animation-duration: 17s, 7129ms; animation-delay: 0ms, 7183ms; } @keyframes move8 { 0% { transform: translateX(-27vw) translateY(-30vh) scale(0.74); } 4.7619047619% { transform: translateX(20vw) translateY(17vh) scale(0.45); } 9.5238095238% { transform: translateX(-15vw) translateY(26vh) scale(0.84); } 14.2857142857% { transform: translateX(-23vw) translateY(-12vh) scale(0.57); } 19.0476190476% { transform: translateX(-33vw) translateY(28vh) scale(0.63); } 23.8095238095% { transform: translateX(-8vw) translateY(-49vh) scale(0.42); } 28.5714285714% { transform: translateX(15vw) translateY(-15vh) scale(0.63); } 33.3333333333% { transform: translateX(-36vw) translateY(38vh) scale(0.45); } 38.0952380952% { transform: translateX(-44vw) translateY(21vh) scale(0.5); } 42.8571428571% { transform: translateX(-35vw) translateY(-29vh) scale(0.4); } 47.619047619% { transform: translateX(-13vw) translateY(2vh) scale(0.27); } 52.380952381% { transform: translateX(48vw) translateY(47vh) scale(0.4); } 57.1428571429% { transform: translateX(36vw) translateY(41vh) scale(0.86); } 61.9047619048% { transform: translateX(1vw) translateY(17vh) scale(0.97); } 66.6666666667% { transform: translateX(-9vw) translateY(-8vh) scale(0.35); } 71.4285714286% { transform: translateX(22vw) translateY(-6vh) scale(0.98); } 76.1904761905% { transform: translateX(-33vw) translateY(31vh) scale(0.9); } 80.9523809524% { transform: translateX(-12vw) translateY(48vh) scale(0.97); } 85.7142857143% { transform: translateX(-10vw) translateY(-25vh) scale(0.51); } 90.4761904762% { transform: translateX(-27vw) translateY(31vh) scale(0.3); } 95.2380952381% { transform: translateX(44vw) translateY(26vh) scale(0.68); } 100% { transform: translateX(3vw) translateY(-32vh) scale(0.83); } } .fairy:nth-child(9) { animation-name: move9; } .fairy:nth-child(9)::before { animation-duration: 9s; } .fairy:nth-child(9)::after { animation-duration: 9s, 10154ms; animation-delay: 0ms, 8126ms; } @keyframes move9 { 0% { transform: translateX(-31vw) translateY(-15vh) scale(0.93); } 4.347826087% { transform: translateX(13vw) translateY(0vh) scale(0.26); } 8.6956521739% { transform: translateX(-17vw) translateY(12vh) scale(0.59); } 13.0434782609% { transform: translateX(39vw) translateY(-49vh) scale(0.41); } 17.3913043478% { transform: translateX(-6vw) translateY(37vh) scale(0.86); } 21.7391304348% { transform: translateX(-20vw) translateY(22vh) scale(0.26); } 26.0869565217% { transform: translateX(14vw) translateY(24vh) scale(0.98); } 30.4347826087% { transform: translateX(-17vw) translateY(-35vh) scale(0.66); } 34.7826086957% { transform: translateX(23vw) translateY(-2vh) scale(0.5); } 39.1304347826% { transform: translateX(-1vw) translateY(-1vh) scale(0.62); } 43.4782608696% { transform: translateX(29vw) translateY(-29vh) scale(0.38); } 47.8260869565% { transform: translateX(15vw) translateY(21vh) scale(0.28); } 52.1739130435% { transform: translateX(43vw) translateY(12vh) scale(0.61); } 56.5217391304% { transform: translateX(-30vw) translateY(-3vh) scale(0.46); } 60.8695652174% { transform: translateX(-4vw) translateY(19vh) scale(0.9); } 65.2173913043% { transform: translateX(39vw) translateY(-10vh) scale(0.52); } 69.5652173913% { transform: translateX(19vw) translateY(-33vh) scale(0.78); } 73.9130434783% { transform: translateX(25vw) translateY(-41vh) scale(0.36); } 78.2608695652% { transform: translateX(-24vw) translateY(6vh) scale(0.44); } 82.6086956522% { transform: translateX(-14vw) translateY(-8vh) scale(0.83); } 86.9565217391% { transform: translateX(-46vw) translateY(-29vh) scale(0.27); } 91.3043478261% { transform: translateX(16vw) translateY(-47vh) scale(0.42); } 95.652173913% { transform: translateX(-10vw) translateY(-43vh) scale(0.99); } 100% { transform: translateX(15vw) translateY(13vh) scale(0.6); } } .fairy:nth-child(10) { animation-name: move10; } .fairy:nth-child(10)::before { animation-duration: 13s; } .fairy:nth-child(10)::after { animation-duration: 13s, 6411ms; animation-delay: 0ms, 6810ms; } @keyframes move10 { 0% { transform: translateX(35vw) translateY(27vh) scale(0.56); } 5.5555555556% { transform: translateX(-48vw) translateY(-11vh) scale(0.33); } 11.1111111111% { transform: translateX(39vw) translateY(37vh) scale(0.33); } 16.6666666667% { transform: translateX(-34vw) translateY(-10vh) scale(0.29); } 22.2222222222% { transform: translateX(-41vw) translateY(26vh) scale(1); } 27.7777777778% { transform: translateX(-23vw) translateY(-42vh) scale(0.72); } 33.3333333333% { transform: translateX(-25vw) translateY(-45vh) scale(0.42); } 38.8888888889% { transform: translateX(-15vw) translateY(-24vh) scale(0.97); } 44.4444444444% { transform: translateX(-45vw) translateY(-26vh) scale(0.85); } 50% { transform: translateX(-23vw) translateY(-45vh) scale(0.76); } 55.5555555556% { transform: translateX(40vw) translateY(42vh) scale(0.86); } 61.1111111111% { transform: translateX(-21vw) translateY(-24vh) scale(0.99); } 66.6666666667% { transform: translateX(-33vw) translateY(12vh) scale(0.34); } 72.2222222222% { transform: translateX(2vw) translateY(28vh) scale(0.91); } 77.7777777778% { transform: translateX(-26vw) translateY(-6vh) scale(0.66); } 83.3333333333% { transform: translateX(-39vw) translateY(-39vh) scale(0.68); } 88.8888888889% { transform: translateX(-21vw) translateY(17vh) scale(0.48); } 94.4444444444% { transform: translateX(47vw) translateY(-23vh) scale(0.89); } 100% { transform: translateX(38vw) translateY(39vh) scale(0.59); } } .fairy:nth-child(11) { animation-name: move11; } .fairy:nth-child(11)::before { animation-duration: 9s; } .fairy:nth-child(11)::after { animation-duration: 9s, 7879ms; animation-delay: 0ms, 5256ms; } @keyframes move11 { 0% { transform: translateX(11vw) translateY(-11vh) scale(0.96); } 4.347826087% { transform: translateX(40vw) translateY(12vh) scale(0.92); } 8.6956521739% { transform: translateX(25vw) translateY(-2vh) scale(0.72); } 13.0434782609% { transform: translateX(24vw) translateY(38vh) scale(0.57); } 17.3913043478% { transform: translateX(-21vw) translateY(16vh) scale(0.78); } 21.7391304348% { transform: translateX(36vw) translateY(8vh) scale(0.42); } 26.0869565217% { transform: translateX(-26vw) translateY(18vh) scale(0.38); } 30.4347826087% { transform: translateX(32vw) translateY(18vh) scale(0.36); } 34.7826086957% { transform: translateX(-44vw) translateY(-21vh) scale(0.32); } 39.1304347826% { transform: translateX(-4vw) translateY(19vh) scale(0.56); } 43.4782608696% { transform: translateX(17vw) translateY(45vh) scale(0.49); } 47.8260869565% { transform: translateX(-19vw) translateY(46vh) scale(0.34); } 52.1739130435% { transform: translateX(25vw) translateY(-42vh) scale(0.86); } 56.5217391304% { transform: translateX(26vw) translateY(-5vh) scale(0.84); } 60.8695652174% { transform: translateX(-11vw) translateY(47vh) scale(0.38); } 65.2173913043% { transform: translateX(-23vw) translateY(-41vh) scale(0.54); } 69.5652173913% { transform: translateX(-20vw) translateY(41vh) scale(0.62); } 73.9130434783% { transform: translateX(-10vw) translateY(16vh) scale(0.93); } 78.2608695652% { transform: translateX(-1vw) translateY(-44vh) scale(0.44); } 82.6086956522% { transform: translateX(16vw) translateY(38vh) scale(0.39); } 86.9565217391% { transform: translateX(-9vw) translateY(22vh) scale(0.44); } 91.3043478261% { transform: translateX(9vw) translateY(29vh) scale(0.29); } 95.652173913% { transform: translateX(-45vw) translateY(-44vh) scale(0.38); } 100% { transform: translateX(43vw) translateY(22vh) scale(0.47); } } .fairy:nth-child(12) { animation-name: move12; } .fairy:nth-child(12)::before { animation-duration: 9s; } .fairy:nth-child(12)::after { animation-duration: 9s, 5750ms; animation-delay: 0ms, 508ms; } @keyframes move12 { 0% { transform: translateX(-29vw) translateY(-1vh) scale(0.71); } 4.5454545455% { transform: translateX(9vw) translateY(-22vh) scale(0.84); } 9.0909090909% { transform: translateX(-35vw) translateY(42vh) scale(0.78); } 13.6363636364% { transform: translateX(7vw) translateY(25vh) scale(0.38); } 18.1818181818% { transform: translateX(4vw) translateY(2vh) scale(0.34); } 22.7272727273% { transform: translateX(-7vw) translateY(-44vh) scale(0.79); } 27.2727272727% { transform: translateX(48vw) translateY(-13vh) scale(0.8); } 31.8181818182% { transform: translateX(20vw) translateY(37vh) scale(0.8); } 36.3636363636% { transform: translateX(15vw) translateY(13vh) scale(0.61); } 40.9090909091% { transform: translateX(-17vw) translateY(34vh) scale(0.53); } 45.4545454545% { transform: translateX(12vw) translateY(42vh) scale(0.98); } 50% { transform: translateX(11vw) translateY(-16vh) scale(0.37); } 54.5454545455% { transform: translateX(-31vw) translateY(8vh) scale(0.44); } 59.0909090909% { transform: translateX(0vw) translateY(39vh) scale(0.57); } 63.6363636364% { transform: translateX(-14vw) translateY(-33vh) scale(0.88); } 68.1818181818% { transform: translateX(0vw) translateY(-40vh) scale(0.81); } 72.7272727273% { transform: translateX(-10vw) translateY(-23vh) scale(0.8); } 77.2727272727% { transform: translateX(0vw) translateY(35vh) scale(0.57); } 81.8181818182% { transform: translateX(-31vw) translateY(-39vh) scale(0.74); } 86.3636363636% { transform: translateX(48vw) translateY(42vh) scale(0.26); } 90.9090909091% { transform: translateX(12vw) translateY(-13vh) scale(0.59); } 95.4545454545% { transform: translateX(10vw) translateY(24vh) scale(0.34); } 100% { transform: translateX(20vw) translateY(-25vh) scale(0.59); } } .fairy:nth-child(13) { animation-name: move13; } .fairy:nth-child(13)::before { animation-duration: 17s; } .fairy:nth-child(13)::after { animation-duration: 17s, 5953ms; animation-delay: 0ms, 3937ms; } @keyframes move13 { 0% { transform: translateX(11vw) translateY(3vh) scale(0.26); } 4.347826087% { transform: translateX(-6vw) translateY(22vh) scale(0.59); } 8.6956521739% { transform: translateX(-45vw) translateY(-10vh) scale(0.82); } 13.0434782609% { transform: translateX(38vw) translateY(39vh) scale(0.49); } 17.3913043478% { transform: translateX(5vw) translateY(-45vh) scale(0.69); } 21.7391304348% { transform: translateX(-49vw) translateY(-37vh) scale(0.92); } 26.0869565217% { transform: translateX(3vw) translateY(-28vh) scale(0.53); } 30.4347826087% { transform: translateX(-12vw) translateY(45vh) scale(0.87); } 34.7826086957% { transform: translateX(-2vw) translateY(39vh) scale(0.28); } 39.1304347826% { transform: translateX(-4vw) translateY(39vh) scale(0.4); } 43.4782608696% { transform: translateX(48vw) translateY(-33vh) scale(0.47); } 47.8260869565% { transform: translateX(6vw) translateY(43vh) scale(0.4); } 52.1739130435% { transform: translateX(-25vw) translateY(40vh) scale(0.88); } 56.5217391304% { transform: translateX(3vw) translateY(-20vh) scale(0.47); } 60.8695652174% { transform: translateX(32vw) translateY(3vh) scale(0.72); } 65.2173913043% { transform: translateX(-33vw) translateY(8vh) scale(0.26); } 69.5652173913% { transform: translateX(-31vw) translateY(29vh) scale(0.72); } 73.9130434783% { transform: translateX(13vw) translateY(-24vh) scale(0.43); } 78.2608695652% { transform: translateX(-2vw) translateY(2vh) scale(0.37); } 82.6086956522% { transform: translateX(48vw) translateY(26vh) scale(0.4); } 86.9565217391% { transform: translateX(43vw) translateY(-6vh) scale(0.77); } 91.3043478261% { transform: translateX(30vw) translateY(36vh) scale(0.67); } 95.652173913% { transform: translateX(49vw) translateY(39vh) scale(0.71); } 100% { transform: translateX(-48vw) translateY(-25vh) scale(0.49); } } .fairy:nth-child(14) { animation-name: move14; } .fairy:nth-child(14)::before { animation-duration: 14s; } .fairy:nth-child(14)::after { animation-duration: 14s, 7793ms; animation-delay: 0ms, 7721ms; } @keyframes move14 { 0% { transform: translateX(-5vw) translateY(-18vh) scale(0.33); } 5% { transform: translateX(31vw) translateY(5vh) scale(0.39); } 10% { transform: translateX(50vw) translateY(29vh) scale(0.4); } 15% { transform: translateX(-11vw) translateY(10vh) scale(0.42); } 20% { transform: translateX(-4vw) translateY(-35vh) scale(0.95); } 25% { transform: translateX(12vw) translateY(-2vh) scale(0.49); } 30% { transform: translateX(22vw) translateY(-12vh) scale(0.95); } 35% { transform: translateX(1vw) translateY(-32vh) scale(0.34); } 40% { transform: translateX(30vw) translateY(-5vh) scale(0.31); } 45% { transform: translateX(35vw) translateY(-23vh) scale(0.84); } 50% { transform: translateX(-21vw) translateY(-21vh) scale(0.9); } 55% { transform: translateX(48vw) translateY(34vh) scale(0.58); } 60% { transform: translateX(7vw) translateY(-40vh) scale(0.8); } 65% { transform: translateX(49vw) translateY(-4vh) scale(0.59); } 70% { transform: translateX(32vw) translateY(-4vh) scale(0.63); } 75% { transform: translateX(13vw) translateY(38vh) scale(0.39); } 80% { transform: translateX(14vw) translateY(20vh) scale(0.79); } 85% { transform: translateX(-24vw) translateY(29vh) scale(0.38); } 90% { transform: translateX(-4vw) translateY(48vh) scale(0.29); } 95% { transform: translateX(-44vw) translateY(-1vh) scale(0.98); } 100% { transform: translateX(27vw) translateY(25vh) scale(0.71); } } .fairy:nth-child(15) { animation-name: move15; } .fairy:nth-child(15)::before { animation-duration: 13s; } .fairy:nth-child(15)::after { animation-duration: 13s, 5990ms; animation-delay: 0ms, 1770ms; } @keyframes move15 { 0% { transform: translateX(-39vw) translateY(13vh) scale(0.93); } 5.5555555556% { transform: translateX(9vw) translateY(-39vh) scale(0.66); } 11.1111111111% { transform: translateX(18vw) translateY(0vh) scale(0.46); } 16.6666666667% { transform: translateX(-36vw) translateY(-36vh) scale(0.35); } 22.2222222222% { transform: translateX(9vw) translateY(33vh) scale(0.35); } 27.7777777778% { transform: translateX(31vw) translateY(10vh) scale(0.61); } 33.3333333333% { transform: translateX(19vw) translateY(-36vh) scale(0.99); } 38.8888888889% { transform: translateX(45vw) translateY(4vh) scale(0.59); } 44.4444444444% { transform: translateX(-47vw) translateY(36vh) scale(0.38); } 50% { transform: translateX(42vw) translateY(-25vh) scale(0.58); } 55.5555555556% { transform: translateX(47vw) translateY(-3vh) scale(0.75); } 61.1111111111% { transform: translateX(-38vw) translateY(47vh) scale(0.64); } 66.6666666667% { transform: translateX(-30vw) translateY(2vh) scale(0.64); } 72.2222222222% { transform: translateX(-42vw) translateY(38vh) scale(0.62); } 77.7777777778% { transform: translateX(3vw) translateY(-9vh) scale(0.98); } 83.3333333333% { transform: translateX(-25vw) translateY(-3vh) scale(0.51); } 88.8888888889% { transform: translateX(-18vw) translateY(-44vh) scale(0.87); } 94.4444444444% { transform: translateX(28vw) translateY(23vh) scale(0.45); } 100% { transform: translateX(29vw) translateY(46vh) scale(0.84); } } .fairy:nth-child(16) { animation-name: move16; } .fairy:nth-child(16)::before { animation-duration: 15s; } .fairy:nth-child(16)::after { animation-duration: 15s, 5718ms; animation-delay: 0ms, 6914ms; } @keyframes move16 { 0% { transform: translateX(1vw) translateY(0vh) scale(0.42); } 5.5555555556% { transform: translateX(-34vw) translateY(-13vh) scale(0.71); } 11.1111111111% { transform: translateX(-48vw) translateY(4vh) scale(0.47); } 16.6666666667% { transform: translateX(4vw) translateY(39vh) scale(0.27); } 22.2222222222% { transform: translateX(28vw) translateY(-21vh) scale(0.63); } 27.7777777778% { transform: translateX(33vw) translateY(-45vh) scale(0.73); } 33.3333333333% { transform: translateX(-16vw) translateY(30vh) scale(0.95); } 38.8888888889% { transform: translateX(-43vw) translateY(-17vh) scale(0.37); } 44.4444444444% { transform: translateX(39vw) translateY(2vh) scale(0.41); } 50% { transform: translateX(47vw) translateY(10vh) scale(0.68); } 55.5555555556% { transform: translateX(33vw) translateY(-18vh) scale(0.96); } 61.1111111111% { transform: translateX(-35vw) translateY(22vh) scale(0.89); } 66.6666666667% { transform: translateX(-45vw) translateY(-26vh) scale(0.32); } 72.2222222222% { transform: translateX(-22vw) translateY(-20vh) scale(0.41); } 77.7777777778% { transform: translateX(3vw) translateY(38vh) scale(0.97); } 83.3333333333% { transform: translateX(-1vw) translateY(-41vh) scale(0.81); } 88.8888888889% { transform: translateX(-46vw) translateY(-26vh) scale(0.43); } 94.4444444444% { transform: translateX(47vw) translateY(-20vh) scale(0.38); } 100% { transform: translateX(-2vw) translateY(37vh) scale(0.53); } } .fairy:nth-child(17) { animation-name: move17; } .fairy:nth-child(17)::before { animation-duration: 14s; } .fairy:nth-child(17)::after { animation-duration: 14s, 6366ms; animation-delay: 0ms, 7162ms; } @keyframes move17 { 0% { transform: translateX(-4vw) translateY(-44vh) scale(0.61); } 4% { transform: translateX(-9vw) translateY(-32vh) scale(0.31); } 8% { transform: translateX(-15vw) translateY(-15vh) scale(0.55); } 12% { transform: translateX(-31vw) translateY(-36vh) scale(0.52); } 16% { transform: translateX(14vw) translateY(-15vh) scale(0.99); } 20% { transform: translateX(48vw) translateY(-16vh) scale(0.37); } 24% { transform: translateX(47vw) translateY(-44vh) scale(0.92); } 28% { transform: translateX(-20vw) translateY(32vh) scale(0.9); } 32% { transform: translateX(-10vw) translateY(-38vh) scale(0.26); } 36% { transform: translateX(-46vw) translateY(-11vh) scale(0.35); } 40% { transform: translateX(41vw) translateY(38vh) scale(0.39); } 44% { transform: translateX(-25vw) translateY(42vh) scale(0.51); } 48% { transform: translateX(36vw) translateY(38vh) scale(0.9); } 52% { transform: translateX(14vw) translateY(5vh) scale(0.79); } 56% { transform: translateX(-42vw) translateY(-6vh) scale(0.71); } 60% { transform: translateX(-10vw) translateY(27vh) scale(0.31); } 64% { transform: translateX(-33vw) translateY(38vh) scale(0.61); } 68% { transform: translateX(25vw) translateY(-41vh) scale(0.34); } 72% { transform: translateX(-39vw) translateY(-30vh) scale(0.69); } 76% { transform: translateX(39vw) translateY(-33vh) scale(0.32); } 80% { transform: translateX(-35vw) translateY(12vh) scale(0.6); } 84% { transform: translateX(30vw) translateY(-10vh) scale(0.34); } 88% { transform: translateX(40vw) translateY(-15vh) scale(0.55); } 92% { transform: translateX(-15vw) translateY(-46vh) scale(0.47); } 96% { transform: translateX(-2vw) translateY(9vh) scale(0.83); } 100% { transform: translateX(-16vw) translateY(-27vh) scale(0.64); } } .fairy:nth-child(18) { animation-name: move18; } .fairy:nth-child(18)::before { animation-duration: 18s; } .fairy:nth-child(18)::after { animation-duration: 18s, 5775ms; animation-delay: 0ms, 7708ms; } @keyframes move18 { 0% { transform: translateX(-17vw) translateY(0vh) scale(0.34); } 5% { transform: translateX(25vw) translateY(5vh) scale(0.54); } 10% { transform: translateX(6vw) translateY(45vh) scale(0.99); } 15% { transform: translateX(39vw) translateY(31vh) scale(0.87); } 20% { transform: translateX(-42vw) translateY(-18vh) scale(0.28); } 25% { transform: translateX(47vw) translateY(26vh) scale(0.39); } 30% { transform: translateX(5vw) translateY(49vh) scale(0.37); } 35% { transform: translateX(38vw) translateY(-49vh) scale(0.6); } 40% { transform: translateX(-18vw) translateY(38vh) scale(0.93); } 45% { transform: translateX(31vw) translateY(17vh) scale(0.34); } 50% { transform: translateX(-30vw) translateY(-10vh) scale(0.29); } 55% { transform: translateX(7vw) translateY(-10vh) scale(0.45); } 60% { transform: translateX(43vw) translateY(36vh) scale(0.61); } 65% { transform: translateX(13vw) translateY(25vh) scale(0.38); } 70% { transform: translateX(-14vw) translateY(-28vh) scale(0.67); } 75% { transform: translateX(17vw) translateY(38vh) scale(0.66); } 80% { transform: translateX(-48vw) translateY(49vh) scale(0.68); } 85% { transform: translateX(39vw) translateY(43vh) scale(0.98); } 90% { transform: translateX(-9vw) translateY(13vh) scale(0.89); } 95% { transform: translateX(32vw) translateY(9vh) scale(0.82); } 100% { transform: translateX(-24vw) translateY(-17vh) scale(0.38); } } .fairy:nth-child(19) { animation-name: move19; } .fairy:nth-child(19)::before { animation-duration: 18s; } .fairy:nth-child(19)::after { animation-duration: 18s, 6927ms; animation-delay: 0ms, 2305ms; } @keyframes move19 { 0% { transform: translateX(-26vw) translateY(-43vh) scale(0.61); } 4% { transform: translateX(12vw) translateY(8vh) scale(0.27); } 8% { transform: translateX(-21vw) translateY(-29vh) scale(0.68); } 12% { transform: translateX(4vw) translateY(26vh) scale(1); } 16% { transform: translateX(-32vw) translateY(28vh) scale(0.43); } 20% { transform: translateX(-8vw) translateY(21vh) scale(0.71); } 24% { transform: translateX(-35vw) translateY(16vh) scale(0.53); } 28% { transform: translateX(13vw) translateY(36vh) scale(0.95); } 32% { transform: translateX(-20vw) translateY(6vh) scale(0.52); } 36% { transform: translateX(18vw) translateY(47vh) scale(0.54); } 40% { transform: translateX(38vw) translateY(16vh) scale(0.8); } 44% { transform: translateX(-28vw) translateY(37vh) scale(0.62); } 48% { transform: translateX(-31vw) translateY(21vh) scale(0.97); } 52% { transform: translateX(6vw) translateY(-6vh) scale(0.62); } 56% { transform: translateX(27vw) translateY(-38vh) scale(0.6); } 60% { transform: translateX(-28vw) translateY(25vh) scale(0.75); } 64% { transform: translateX(36vw) translateY(-20vh) scale(0.57); } 68% { transform: translateX(44vw) translateY(-32vh) scale(0.48); } 72% { transform: translateX(-45vw) translateY(3vh) scale(0.91); } 76% { transform: translateX(19vw) translateY(-41vh) scale(0.94); } 80% { transform: translateX(24vw) translateY(48vh) scale(0.74); } 84% { transform: translateX(-47vw) translateY(15vh) scale(0.53); } 88% { transform: translateX(-10vw) translateY(7vh) scale(0.66); } 92% { transform: translateX(-10vw) translateY(-3vh) scale(0.48); } 96% { transform: translateX(-19vw) translateY(-43vh) scale(0.32); } 100% { transform: translateX(-15vw) translateY(30vh) scale(0.3); } } .fairy:nth-child(20) { animation-name: move20; } .fairy:nth-child(20)::before { animation-duration: 14s; } .fairy:nth-child(20)::after { animation-duration: 14s, 9251ms; animation-delay: 0ms, 2591ms; } @keyframes move20 { 0% { transform: translateX(7vw) translateY(25vh) scale(0.67); } 5% { transform: translateX(12vw) translateY(30vh) scale(0.85); } 10% { transform: translateX(-13vw) translateY(-9vh) scale(0.34); } 15% { transform: translateX(21vw) translateY(23vh) scale(0.56); } 20% { transform: translateX(-16vw) translateY(-34vh) scale(0.47); } 25% { transform: translateX(-29vw) translateY(35vh) scale(0.73); } 30% { transform: translateX(-20vw) translateY(23vh) scale(0.72); } 35% { transform: translateX(2vw) translateY(-38vh) scale(0.57); } 40% { transform: translateX(-41vw) translateY(-28vh) scale(0.86); } 45% { transform: translateX(22vw) translateY(5vh) scale(0.53); } 50% { transform: translateX(7vw) translateY(-4vh) scale(0.37); } 55% { transform: translateX(-42vw) translateY(3vh) scale(0.79); } 60% { transform: translateX(-39vw) translateY(15vh) scale(0.4); } 65% { transform: translateX(-49vw) translateY(-46vh) scale(0.43); } 70% { transform: translateX(-3vw) translateY(-17vh) scale(0.88); } 75% { transform: translateX(-20vw) translateY(-47vh) scale(0.9); } 80% { transform: translateX(-23vw) translateY(-11vh) scale(0.47); } 85% { transform: translateX(-22vw) translateY(32vh) scale(0.98); } 90% { transform: translateX(0vw) translateY(25vh) scale(0.74); } 95% { transform: translateX(-38vw) translateY(-38vh) scale(0.69); } 100% { transform: translateX(32vw) translateY(42vh) scale(0.55); } } @keyframes drift { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes flash { 0%, 30%, 100% { opacity: 0; box-shadow: 0 0 0vw 0vw purple; } 5% { opacity: 1; box-shadow: 0 0 2vw 0.4vw purple; } }/* End custom CSS */