*{box-sizing:border-box;margin:0;padding:0}a{cursor:pointer;text-decoration:none}[data-theme=light]{--background:linear-gradient(#eee, lightblue, lightgreen, lightblue);--text-color:#333}[data-theme=dark]{--background:#1a1a1a;--text-color:#fff}html,body{background:var(--background);color:var(--text-color);font-size:16px}.App{background-color:#eee;flex-wrap:wrap;justify-content:center;align-items:center;height:100vh;padding:10px;font-family:Roboto,sans-serif;display:flex}[id]{scroll-margin-top:3.8em}.btn-info{margin:20px;font-size:1.1rem}.text-section{margin-top:40px;margin-bottom:40px;font-size:1.5rem;font-style:italic}.dark-text{color:#000}.light-text{color:#fff}.resume{text-align:center;margin-top:20px}.cv{width:65vw;height:90vw}@media screen and (width<=400px){.overlay p{font-size:18px}.overlay i{font-size:40px}}@media screen and (width<=500px){.contact-img img{width:100%}.cv{width:90vw}}.navbar{opacity:.9;background-color:#000;height:auto;padding:2px;font-size:16px;position:fixed}.navbar a{color:#fff;transition:all .2s}.nav-item:hover{color:#000;text-shadow:5px solid black;background-color:#fff;border-radius:15px;font-weight:700}.navbar-collapse{justify-content:right;align-items:center;background-color:#0000!important}@media (width<=768px){.navbar-collapse{z-index:1000;width:100%;max-height:0;position:absolute;top:100%;left:0;right:0;background-color:#000!important;transition:max-height .5s ease-in-out!important;display:block!important;overflow:hidden!important}.navbar-collapse.show{max-height:500px!important}.container-fluid button{opacity:.5;background-color:#a9a9a9}}@media (width>=769px){.navbar-collapse{height:auto!important;display:flex!important;overflow:visible!important}}.nav-link:active,.nav-link:focus,.nav-link:visited{color:#fff;text-decoration:none}.nav-link{color:#000;padding:8px;font-family:Roboto,sans-serif;text-decoration:none}.nav-link:hover{color:#000}.flags{justify-content:space-between;align-items:center;width:90px;display:flex}.flags__item{width:40px}.flags__img{cursor:pointer;display:block}.flags__item.selected{border:3px solid #fff}.theme-switcher{background-color:#0000;border-radius:50%;height:auto;margin-right:5px;padding:2px}.theme-emoji{font-size:24px}@media (width<=767px){.theme-switcher{position:fixed;top:7px;left:70px}}section{background-image:url(/img/banner/banner3.jpg);background-position:50%;background-repeat:cover;border:2px 0 2px solid black;background-size:100vw;flex-direction:column;justify-content:center;align-items:center;max-height:10vh;margin-top:10px;margin-bottom:10px;display:flex;box-shadow:5px 5px 5px #000}.section-title{color:#fff;text-shadow:2px 2px 2px #000;margin-top:50px;margin-bottom:50px;padding:15px 0;font-family:Tilt Neon,sans-serif;font-size:3rem}@keyframes horizontalMovement{0%{background-position:0 0}to{background-position:100% 100%}}.hero{text-align:center;min-height:450px;margin-top:50px}.hero-principal{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:3rem;display:flex}.hero-inferior-img{width:auto;max-height:50vh;margin-bottom:30px;padding:10px}.title,.dark-title{color:#0000;text-align:center;letter-spacing:-5px;background-image:url(/img/hero/rainbow-nebula.jpg);background-position:40%;-webkit-background-clip:text;background-clip:text;font-family:Audiowide,"sans-serif";font-size:100px;font-weight:800;line-height:90px;animation:60s linear infinite horizontalMovement;position:relative;overflow:hidden}.subtitle,.dark-subtitle{text-align:center;color:#615151;padding-top:10px;font-family:Tilt Neon,sans-serif;font-size:1.5rem;display:block}.dark-subtitle{color:azure;opacity:.5}.hero-resume{justify-content:center;align-items:center;margin-left:10%;display:flex}@media only screen and (width<=600px){.hero{margin-top:30px}.title,.dark-title{text-align:center;letter-spacing:-3px;font-size:72px;line-height:normal}.subtitle,.dark-subtitle{font-size:20px}}@media screen and (width>=700px){.hero-inferior-img{max-width:600px}}.cv-download{color:#000;background-image:url(/img/banner/banner4.jpg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:1px solid #000;border-radius:15px;align-items:center;width:auto;padding:5px;font-family:Roboto,"sans-serif";font-weight:500;transition:all .2s;display:flex;box-shadow:2px 2px #000}.cv-download:hover{background-image:url(/img/banner/banner5.jpg);font-weight:800}.cv-download:active{transform:translate(5px,5px);box-shadow:0 4px 8px #0003}.cv-download img{width:50px}.hero-cv{margin-right:30px}.about-me{background-image:url(/img/banner/banner2.jpg)}.work{background-image:url(/img/banner/banner1.jpg);background-position:top}.main-exp{justify-content:center;align-items:center}.exp-container{align-items:center;justify-content:top;background-color:#0000;background-image:url(/img/banner/frame.png);background-size:100% 100%;flex-direction:column;width:auto;height:min-content;margin:20px;padding:50px;display:flex;box-shadow:10px 10px 10px 10px #0006}.exp-text-container{text-align:center;font-family:Roboto,sans-serif;font-weight:500;line-height:1.5rem}.date{justify-content:end;height:min-content;padding:10px;font-family:Roboto,sans-serif;font-style:italic}.exp-name{font-size:1.6rem;line-height:2rem}.exp-rol{margin-top:15px;padding-bottom:15px;font-size:1.3rem}.exp-text{text-align:left;font-size:1.1rem}.exp-link{align-items:baseline;margin-top:5px;font-size:15px;font-style:italic;display:flex}.exp-link i{color:#000;font-size:15px}.c2 :hover{color:#fff;background-color:#000}.exp-container:hover .exp-link a,.exp-container:hover .exp-link i{color:#daa520}.c2 :hover .main-icon i{color:#000;background-color:#fff}.main-icon i{color:#7ade30;background-color:#000;border-radius:50%;padding:8px 19px;font-size:2.5rem}.main-icon{padding:10px}.jojos-arrow{width:500px;height:200px}.badges-container{justify-content:center;align-items:center;padding:5px;font-size:20px;font-weight:700}.badge{margin-top:5px;margin-bottom:5px}.projects{background-image:url(/img/banner/banner5.jpg);background-position:bottom}.recent-projects img{width:100%;height:300px;padding:10px;transition:all .2s;display:block}.projects-container{margin-top:40px;margin-bottom:40px}.project{margin:20px;position:relative;box-shadow:10px 10px 10px 10px #0006}.overlay,.dark-overlay{opacity:0;transition:all .2s;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay p,.dark-overlay p{margin-bottom:0;font-size:20px;font-weight:700}.project:hover img{opacity:.2}.project:hover .overlay,.project:hover .dark-overlay{opacity:1}.overlay i,.dark-overlay i{color:#000;margin:10px;font-size:50px}.dark-overlay i{color:#fff}.icon-container{display:inline-flex}.offcanvas{background-image:url(/img/banner/banner5.jpg)}.offcanvas-title{font-family:Roboto,sans-serif;font-size:30px;font-weight:900}.offcanvas-body{text-align:left}.certs{background-image:url(/img/banner/banner6.jpg)}.origin{text-align:center;justify-content:center;align-items:center;height:auto;margin-top:30px;margin-bottom:30px;display:flex}.slide{width:1024px}.frame{background-image:url(/img/certs/golden-frame.png);background-size:100% 100%;padding:45px 60px}.carousel-item{width:1024px;height:600px}.cert{background-size:100% 100%;height:510px}.cert-1{background-image:url(/assets/certs/cert-1.jpg)}.cert-2{background-image:url(/assets/certs/cert-2.jpg)}.cert-3{background-image:url(/assets/certs/cert-3.jpg)}.cert-4{background-image:url(/assets/certs/cert-4.jpg)}.cert-5{background-image:url(/assets/certs/cert-5.jpg)}.cert-6{background-image:url(/assets/certs/cert-6.jpg)}.cert-7{background-image:url(/assets/certs/cert-7.jpg)}.cert-8{background-image:url(/assets/certs/cert-8.jpg)}.glass{width:inherit;height:inherit;opacity:.4;background-image:url(/img/certs/glass.png);background-size:100% 100%}@media screen and (orientation:portrait){.slide{width:90vw}.carousel-item{width:90vw;height:40vh}.frame{height:100%;padding:10px}.cert{width:100%;height:100%}}@media screen and (orientation:landscape) and (width<=1024px){.slide{width:90vw}.carousel-item{width:90vw;height:70vh}.frame{height:100%;padding:10px}.cert{width:100%;height:100%}}footer{background-image:url(/img/background/black1.jpg);background-position:50%;max-height:500px;padding:10px}.footer-logo{width:80px;height:80px;max-height:9vh;margin:10px}.footer-text{color:#fff;margin-bottom:-15px;font-family:Satisfy,cursive;font-size:1.5rem;font-style:oblique}.social-media-icons a{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:10px;padding:2px;transition:all .2s ease-in;display:flex}.social-media-icons i{color:#fff;transition:all .2 ease-in;font-size:1.5rem}.social-media-icons a:hover{background-color:#fff;border:2px solid #0d6efd}.social-media-icons a:hover i{color:#000}.copyright{color:#aeaeae;text-align:center;font-size:15px}.go-to-top-btn{transition:opacity .3s ease-in-out;position:fixed;bottom:0;right:0}.hidden{opacity:0;display:none}.visible{opacity:.5;display:block}.go-to-top-btn i{color:#a9a9a9;width:20px;margin-bottom:30px;margin-right:4px;font-size:50px;transition:all .2s}.go-to-top-btn i:hover{color:#fff;cursor:pointer}.contact{background-image:url(/img/banner/banner5.jpg);background-position:bottom}.contact-img{background-image:url(/img/background/ai-background-business-technology-digital-transformation.jpg);background-position:50%;background-repeat:no-repeat;margin-top:20px;margin-bottom:20px}.contact-img:hover{filter:saturate(150%)}.card{background-color:#0000;border-color:#0000}.form-group{align-items:center;padding:10px;display:flex}.form-control{background-color:#0000}i{padding:10px;font-size:1.5rem}.btn{background-color:#008b8b;border:2px solid #000}.btn:hover{background-color:#20b2aa;border:2px solid #000}.submit-btn{color:#fff;background-color:#008b8b;border:2px solid #000;border-radius:5px;justify-content:center;align-items:center;display:flex}.submit-btn:hover{background-color:#20b2aa;border:2px solid #000}.submit-btn:disabled{cursor:not-allowed;background-color:#008b8b}.spinner-border{width:1.2rem;height:1.2rem;font-size:small}.send{margin:5px}.resume-container{margin-top:35px;margin-bottom:35px}@media (width<=1024px){.cv{width:90vw;height:80vh}}.maintenance-container{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.maintenance-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:600px;padding:3rem;box-shadow:0 20px 40px #0000001a}.maintenance-icon{opacity:.9;margin-bottom:1.5rem;font-size:4rem}.maintenance-title{background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.maintenance-description{opacity:.9;margin-bottom:2rem;font-size:1.2rem;line-height:1.6}.maintenance-details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:2rem;padding:2rem}.maintenance-details p{opacity:.9;margin-bottom:1rem;font-size:1rem;line-height:1.6}.maintenance-contact{font-weight:500}.maintenance-contact a{color:gold;font-weight:600;text-decoration:none;transition:color .3s}.maintenance-contact a:hover{color:#ffed4e;text-decoration:underline}.maintenance-footer{opacity:.7;border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1rem;font-size:.9rem}[data-theme=dark] .maintenance-container{background:linear-gradient(135deg,#2d3748 0%,#1a202c 100%)}[data-theme=dark] .maintenance-content{background:#ffffff0d;border:1px solid #ffffff0d}[data-theme=dark] .maintenance-details{background:#ffffff05;border:1px solid #ffffff0d}@media (width<=768px){.maintenance-content{margin:1rem;padding:2rem}.maintenance-title{font-size:2rem}.maintenance-description{font-size:1.1rem}.maintenance-icon{font-size:3rem}}@media (width<=480px){.maintenance-content{padding:1.5rem}.maintenance-title{font-size:1.8rem}.maintenance-description{font-size:1rem}.maintenance-details{padding:1.5rem}}