.elementor-663 .elementor-element.elementor-element-11f2a9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-663 .elementor-element.elementor-element-ed52c8b{--spacer-size:10px;}.elementor-663 .elementor-element.elementor-element-b8e632b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-663 .elementor-element.elementor-element-bf8540e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-663 .elementor-element.elementor-element-6ce7db7{--spacer-size:10px;}.elementor-663 .elementor-element.elementor-element-80f6930{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-663 .elementor-element.elementor-element-ccdc505{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-663 .elementor-element.elementor-element-1a564dc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-9406528{width:100%;max-width:100%;}.elementor-663 .elementor-element.elementor-element-9406528 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-663 .elementor-element.elementor-element-9406528 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:500;color:#FFFFFF;}.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-663 .elementor-element.elementor-element-b0babac > .elementor-widget-container{margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-663 .elementor-element.elementor-element-b0babac{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-645c40a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-663 .elementor-element.elementor-element-0ac6526 img{width:100%;max-width:100%;border-radius:6px 6px 6px 6px;}.elementor-663 .elementor-element.elementor-element-ca7010c{--spacer-size:120px;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-highlighted-text svg path{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-highlighted-text svg.wpr-highlight-x path:first-child{-webkit-animation-delay:-webkit-calc(1.5s + 0.3s);animation-delay:calc(1.5s + 0.3s);}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-highlighted-text svg.wpr-highlight-double path:last-child{-webkit-animation-delay:-webkit-calc(1.5s + 0.3s);animation-delay:calc(1.5s + 0.3s);}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-highlighted-text svg.wpr-highlight-double-underline path:last-child{-webkit-animation-delay:-webkit-calc(1.5s + 0.3s);animation-delay:calc(1.5s + 0.3s);}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-advanced-text{text-align:center;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-advanced-text a{text-align:center;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-advanced-text-preffix{color:#FFFFFF;font-family:"Port Lligat Slab", Sans-serif;font-size:44px;font-weight:300;padding-top:0px;padding-bottom:0px;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-anim-text{color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-highlighted-text{color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-anim-text b, .elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-anim-text b i,.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-anim-text,.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-highlighted-text{font-family:"Acme", Sans-serif;font-size:103px;font-weight:300;font-style:normal;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-advanced-text-suffuix{padding-top:0px;padding-bottom:0px;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-highlighted-text path{stroke:#FFFFFF;stroke-width:3px;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-highlighted-text svg{width:90%;height:118%;z-index:1;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-advanced-text-suffix{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:44px;font-weight:300;}.elementor-663 .elementor-element.elementor-element-a545f45{--spacer-size:10px;}.elementor-663 .elementor-element.elementor-element-8aa0cea{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-663 .elementor-element.elementor-element-06eb927{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-663 .elementor-element.elementor-element-6ca81f6{text-align:center;}.elementor-663 .elementor-element.elementor-element-6ca81f6 img{width:100vw;max-width:100%;opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 94% ) blur( 0px ) hue-rotate( 0deg );border-radius:5px 5px 5px 5px;}.elementor-663 .elementor-element.elementor-element-f876972{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-663 .elementor-element.elementor-element-9fa5183{--spacer-size:50px;}.elementor-663 .elementor-element.elementor-element-1a3a90f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-663 .elementor-element.elementor-element-1a3a90f{text-align:center;}.elementor-663 .elementor-element.elementor-element-1a3a90f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;letter-spacing:0.5px;color:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-18a4c13{--spacer-size:0.1em;}.elementor-663 .elementor-element.elementor-element-cc13cd9.elementor-element{--align-self:center;}.elementor-663 .elementor-element.elementor-element-cc13cd9{text-align:center;}.elementor-663 .elementor-element.elementor-element-cc13cd9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;color:#BEBEBE;}.elementor-663 .elementor-element.elementor-element-8324baa{--spacer-size:10px;}.elementor-663 .elementor-element.elementor-element-146f504{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-663 .elementor-element.elementor-element-1607091{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-663 .elementor-element.elementor-element-627f967{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;}.elementor-663 .elementor-element.elementor-element-627f967:not(.elementor-motion-effects-element-type-background), .elementor-663 .elementor-element.elementor-element-627f967 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-663 .elementor-element.elementor-element-627f967:hover{background-color:#181717;}.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{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-description{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-663 .elementor-element.elementor-element-09d946f > .elementor-widget-container{margin:30px 30px 30px 30px;}.elementor-663 .elementor-element.elementor-element-09d946f{--icon-box-icon-margin:15px;}.elementor-663 .elementor-element.elementor-element-09d946f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-09d946f.elementor-view-framed .elementor-icon, .elementor-663 .elementor-element.elementor-element-09d946f.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-09d946f .elementor-icon-box-title{color:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-09d946f .elementor-icon-box-title, .elementor-663 .elementor-element.elementor-element-09d946f .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;}.elementor-663 .elementor-element.elementor-element-c2f30b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;}.elementor-663 .elementor-element.elementor-element-c2f30b5:not(.elementor-motion-effects-element-type-background), .elementor-663 .elementor-element.elementor-element-c2f30b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-663 .elementor-element.elementor-element-c2f30b5:hover{background-color:#181717;}.elementor-663 .elementor-element.elementor-element-ba98ed2 > .elementor-widget-container{margin:30px 30px 30px 30px;}.elementor-663 .elementor-element.elementor-element-ba98ed2{--icon-box-icon-margin:15px;}.elementor-663 .elementor-element.elementor-element-ba98ed2.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-ba98ed2.elementor-view-framed .elementor-icon, .elementor-663 .elementor-element.elementor-element-ba98ed2.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-ba98ed2 .elementor-icon-box-title{color:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-ba98ed2 .elementor-icon-box-title, .elementor-663 .elementor-element.elementor-element-ba98ed2 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;}.elementor-663 .elementor-element.elementor-element-c9222a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;}.elementor-663 .elementor-element.elementor-element-c9222a8:not(.elementor-motion-effects-element-type-background), .elementor-663 .elementor-element.elementor-element-c9222a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-663 .elementor-element.elementor-element-c9222a8:hover{background-color:#181717;}.elementor-663 .elementor-element.elementor-element-cd1931a > .elementor-widget-container{margin:30px 30px 30px 30px;}.elementor-663 .elementor-element.elementor-element-cd1931a{--icon-box-icon-margin:15px;}.elementor-663 .elementor-element.elementor-element-cd1931a.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-cd1931a.elementor-view-framed .elementor-icon, .elementor-663 .elementor-element.elementor-element-cd1931a.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-cd1931a .elementor-icon-box-title{color:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-cd1931a .elementor-icon-box-title, .elementor-663 .elementor-element.elementor-element-cd1931a .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;}.elementor-663 .elementor-element.elementor-element-58e4ccd{--spacer-size:10px;}@media(max-width:1024px){.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-advanced-text-preffix{font-size:31px;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-anim-text b, .elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-anim-text b i,.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-anim-text,.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-highlighted-text{font-size:70px;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-advanced-text-suffix{font-size:31px;}}@media(min-width:768px){.elementor-663 .elementor-element.elementor-element-ccdc505{--width:50%;}.elementor-663 .elementor-element.elementor-element-645c40a{--width:50%;}.elementor-663 .elementor-element.elementor-element-06eb927{--width:50%;}.elementor-663 .elementor-element.elementor-element-627f967{--width:33.3%;}.elementor-663 .elementor-element.elementor-element-c2f30b5{--width:33.3%;}.elementor-663 .elementor-element.elementor-element-c9222a8{--width:33.3%;}}@media(max-width:767px){.elementor-663 .elementor-element.elementor-element-e4563ae > .elementor-element-populated{padding:50px 0px 50px 0px;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-advanced-text-preffix{font-size:23px;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-anim-text b, .elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-anim-text b i,.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-anim-text,.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-highlighted-text{font-size:50px;}.elementor-663 .elementor-element.elementor-element-ceaf02f .wpr-advanced-text-suffix{font-size:23px;}}/* Start custom CSS for container, class: .elementor-element-b8e632b *//* Add this in the <head> section of your HTML or in your custom CSS settings */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif; /* Set font to Roboto */
    background-color: #282c34; /* Dark background */
    color: white; /* Text color */
}

.about-me-animation {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10vh; /* Full viewport height */
    opacity: 0; /* Start hidden */
    animation: entranceAnimation 1.5s forwards 0.5s; /* Main entrance animation with delay */
}

/* Entrance animation */
@keyframes entranceAnimation {
    0% {
        opacity: 0; /* Start transparent */
        transform: scale(0.5); /* Start small */
    }
    50% {
        opacity: 1; /* Become fully visible */
        transform: scale(1.3); /* Scale up larger for emphasis */
    }
    100% {
        opacity: 1; /* Remain fully visible */
        transform: scale(1); /* End at original size */
    }
}

/* Style for the title */
.about-title {
    font-size: 3rem; /* Change this value to adjust font size */
    letter-spacing: -0.05em; /* Reduced letter spacing */
    text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.7); /* Deeper shadow for depth */
    color: #6b8e23; /* Initial color: Softer green */
    animation: colorFlash 4s forwards 0.5s; /* Flashing color animation with delay */
}

/* Flashing color animation */
@keyframes colorFlash {
    0% {
        color: #6b8e23; /* Start with a softer green */
        transform: translate(0, 0); /* Normal position */
    }
    10% {
        color: #707070; /* Flash to a warm golden color */
        transform: translate(0, -3px); /* Slight upward movement */
    }
    20% {
        color: #33353A; /* Flash to a calm blue */
        transform: translate(0, 3px); /* Slight downward movement */
    }
    30% {
        color: #707070; /* Flash to a vibrant purple */
        transform: translate(0, -3px); /* Slight upward movement */
    }
    40% {
        color: #33353A; /* Flash to a bright coral */
        transform: translate(0, 3px); /* Slight downward movement */
    }
    50% {
        color: #707070; /* Transition to white */
        transform: scale(1.1); /* Slightly increase size for popping effect */
    }
    100% {
        color: #ffffff; /* Final color: White */
        transform: scale(1); /* Return to original size */
        text-shadow: 0 0 20px rgba(255, 255, 255, 0); /* No glow initially */
    }
}

/* Glow effect for white */
@keyframes glowEffect {
    0% {
        color: #ffffff; /* Final color: White */
        text-shadow: 0 0 20px rgba(255, 255, 255, 0); /* No glow initially */
        transform: scale(1.1); /* Slightly larger */
    }
    50% {
        text-shadow: 0 0 30px rgba(255, 255, 255, 1); /* Glow effect */
        transform: scale(1.2); /* Slightly increase size */
    }
    100% {
        text-shadow: 0 0 0 rgba(255, 255, 255, 0); /* No glow */
        transform: scale(1); /* Return to normal size */
    }
}

/* Apply glow effect after color flash */
.about-title.final {
    animation: glowEffect 1s forwards 4.5s; /* Apply glow after 4.5 seconds total */
}/* End custom CSS */