.bg-container{background-color:#050c28;overflow:hidden;position:relative}.bg-container .title{display:inline-block;position:relative}.bg-container .title-arc{display:block;height:15px;left:20%;overflow:visible;pointer-events:none;position:relative;top:-20px;width:60%}.bg-container .title-arc svg{display:block;height:100%;width:100%}.intro-container{background-position:50%;padding:50px 15px;position:relative;z-index:2}.blue-vector{animation:fadeInVector .1s ease-in .1s forwards;background:url(/build/images/color-lines.4562122e.webp);background-size:contain;height:100%;opacity:0;overflow:hidden;position:absolute;width:100%}@keyframes fadeInVector{to{opacity:.02}}.landing-packages-mask{contain:layout paint;isolation:isolate;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;overflow:hidden}.landing-packages-mask .badge{align-items:center;background:#e0e7ff;border-radius:.125rem;color:#3730a3;display:inline-flex;font-size:1.125rem;font-weight:700;gap:.75rem;justify-content:center;padding:.125rem .625rem}.animate-left{animation:slide 20s linear infinite;display:flex;flex-wrap:nowrap}.animate-left:hover{animation-play-state:paused}.contact-btn,.download{border:1px solid #ff6930}.contact-btn:focus,.download:focus{border:1px solid #ffc1a9}.badge{border:1px solid hsla(0,0%,100%,.478);box-shadow:inset 0 0 10px 0 hsla(0,0%,100%,.2)}@keyframes slide{0%{transform:translateX(35%)}to{transform:translateX(-100%)}}:root{--g:18px}.roller{animation:roller 35s linear infinite;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;transform-style:preserve-3d;width:-moz-max-content;width:max-content;will-change:transform}.track{align-items:center;display:flex}.track>*{backface-visibility:hidden;-webkit-backface-visibility:hidden;margin-right:var(--g);transform:translateZ(0)}.track>:last-child{margin-right:0}@keyframes roller{0%{transform:translateZ(0)}to{transform:translate3d(calc(-50% - var(--g)/2),0,0)}}.roller:hover{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.roller{animation:none}}@media screen and (max-width:768px){.intro-container{box-shadow:none}}.competences-heading{padding:0 10px}.competence-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:5px;color:#000;padding:15px;transition:.2s}.competence-card:hover{box-shadow:0 0 5px 0 rgba(5,12,40,.11);transition:.2s}.container-competences{height:100%;margin:50px 0 20px;padding:0 10px}.education{--bg-color:#edcb64;--bg-color-light:#ffeeba;--text-color-hover:#4c5656;--box-shadow-color:rgba(255,215,97,.48)}.credentialing{--bg-color:#6fdf9d;--bg-color-light:#e2fced;--text-color-hover:#4c5656;--box-shadow-color:rgba(184,249,211,.48)}.wallet{--bg-color:#ceb2fc;--bg-color-light:#f0e7ff;--text-color-hover:#fff;--box-shadow-color:rgba(206,178,252,.48)}.human-resources{--bg-color:#dce9ff;--bg-color-light:#f1f7ff;--text-color-hover:#4c5656;--box-shadow-color:rgba(220,233,255,.48)}.card-custom{align-items:center;background:#fff;border:1px solid #e7e7e7;border-top-right-radius:10px;box-shadow:0 14px 26px rgba(0,0,0,.04);display:flex;flex-direction:column;height:430px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease-out;width:250px}.card-custom:hover{background-color:var(--bg-color);box-shadow:0 24px 36px rgba(0,0,0,.11),0 24px 46px var(--box-shadow-color);transform:translateY(-5px) scale(1.005) translateZ(0)}.card-custom:hover .overlay{transform:scale(4) translateZ(0)}.card-custom:hover .circle{background:var(--bg-color);border-color:var(--bg-color-light)}.card-custom:hover .circle:after{background:var(--bg-color-light)}.card-custom:hover p{color:#000}.card-custom:active{box-shadow:0 15px 24px rgba(0,0,0,.11),0 15px 24px var(--box-shadow-color);transform:scale(1) translateZ(0)}.card-custom h3{color:#000;font-size:17px;margin-top:30px;transition:color .3s ease-out;z-index:1000}.circle{align-items:center;background:#fff;border:2px solid var(--bg-color);border-radius:50%;display:flex;height:135px;justify-content:center;position:relative;transition:all .3s ease-out;width:135px;z-index:1}.circle:after{background:var(--bg-color);border-radius:50%;content:"";display:block;height:118px;left:7px;position:absolute;top:7px;transition:opacity .3s ease-out;width:118px}.circle svg{transform:translateZ(0);z-index:10000}.overlay{background:var(--bg-color);border-radius:50%;height:118px;left:70px;position:absolute;top:70px;transition:transform .3s ease-out;width:118px;z-index:0}.line-shape{background-color:#f9fafb;line-height:0;margin-bottom:-1px;overflow:hidden;width:100%}.line-shape svg{display:block;height:30px;width:100%}.line-shape .line-shape-fill{fill:#f3f1ec}.line-shape2{background-color:#050c28;line-height:0;margin-top:-1px;overflow:hidden;transform:rotate(180deg);width:100%}.line-shape2 svg{display:block;height:30px;width:100%}.line-shape2 .line-shape-fill{fill:#f3f1ec}@media screen and (max-width:768px){.container-competences .card-custom{max-width:315px;width:100%}.container-competences .card-custom .overlay{left:105px;top:70px}}.personal-project{background-color:#050c28;overflow:hidden;position:relative}.personal-project:before{background:url(/build/images/color-lines.4562122e.webp) 50%/contain repeat;content:"";inset:0;opacity:.02;pointer-events:none;position:absolute}.contact-me-illustration{background-color:#050c28}.contact-me-illustration img{filter:grayscale(100%)}@media screen and (min-width:768px){.contact-me-illustration:after{background-color:#050c28;content:"";height:105%;position:absolute;right:-100px;top:0;transform:rotate(6deg);transform-origin:top right;width:100px}}.contact-section{background-color:#f3f1ec;margin-top:-114px;padding-top:180px}.curved-separator{background-color:#f3f1ec;clip-path:ellipse(55% 100% at top);display:block;height:50px;margin-bottom:40px;position:relative}.curved-separator:after{background:radial-gradient(ellipse at top,rgba(0,0,0,.2),transparent 70%);bottom:-15px;content:"";filter:blur(6px);height:20px;left:0;position:absolute;right:0}