@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";:root{--bg-main: #ffffff;--border-section-title: linear-gradient(180deg, rgba(29, 93, 199, 1), rgba(17, 56, 120, 1));--bg-navbar: #ffffff;--bf-navbar-list: #ffffff;--border-navbar-list: rgba(29, 93, 199, 1);--bg-navbar-title: linear-gradient(180deg, rgba(29, 93, 199, 1), rgba(17, 56, 120, 1));--color-navbar-items: #3F3F3F;--border-menu-hamburger: rgba(29, 93, 199, 1);--border-navbar-list-hover: rgba(29, 93, 199, 1);--color-scrolled-menu-hamburger: rgba(29, 93, 199, 1);--color-navbar-list-scrolled: rgba(29, 93, 199, 1);--color-navbar-list-hover: rgba(29, 93, 199, 1);--bg-introduction-title: linear-gradient(180deg, rgba(29, 93, 199, 1), rgba(17, 56, 120, 1));--color-introduction-text: #3F3F3F;--bg-skills-section: #F7F7F7;--color-skills-text: #3F3F3F;--bg-skills-card: #FFFFFF;--bg-projects-card: #FFFFFF;--color-projects-text: #3F3F3F;--color-projects-link: rgba(29, 93, 199, 1);--bg-github-button: #000000;--bg-github-button-hover: transparent;--color-github-button-text: #FFFFFF;--color-github-button-text-hover: #000000;--border-github-button-hover: #000000;--bg-contact-icon: linear-gradient(-45deg, rgba(29, 93, 199, 1), rgba(17, 56, 120, 1));--bg-contact-text: rgba(29, 93, 199, 1);--bg-footer-container: #111827;--color-footer-title: #FFFFFF;--color-footer-text: #BDBDBD;--bg-badge-intermediario: #FFF4B0;--stroke-badge-intermediario: #CFB300;--color-badge-intermediario: #7B6B00;--bg-badge-avancado: #D4FFCE;--stroke-badge-avancado: #57D946;--color-badge-avancado: #108C00;--bg-badge-basico: #EDD8FF;--stroke-badge-basico: #7E22CE;--color-badge-basico: #7E22CE;--bg-badge-default: #CDE3FF;--bg-badge-default-hover: #c0d5ef;--color-badge-default: #0052BD}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}*{margin:0;padding:0;box-sizing:border-box;font-family:IBM Plex Mono,monospace}html{scroll-behavior:smooth;scroll-padding-top:100px}body{min-height:100vh;background:linear-gradient(-45deg,#2571e6,#000 80%);background-size:400% 400%;animation:gradient 7s ease infinite alternate}.main-container{background-color:var(--bg-main);margin:210px 20px 80px;border-radius:5px;padding:30px 0 0;max-width:1054px}.introduction-section{display:flex;flex-direction:column;align-items:center;gap:40px;padding:0 30px}.introduction-section img{width:100%;height:100%;max-width:270px;max-height:325px;object-fit:cover;border-radius:5px}.introduction-section h1{align-self:flex-start;margin-bottom:40px}.introduction-section h1 span{color:transparent;background:var(--bg-introduction-title);background-clip:text;-webkit-background-clip:text}.introduction-section p{color:var(--color-introduction-text);font-weight:500;font-size:.75rem}.skills-section{margin-top:40px;padding:50px 30px;background-color:var(--bg-skills-section)}.skills-section-content{position:relative}.skills-section-content .skills-text{margin-top:50px;color:var(--color-skills-text);font-weight:500;font-size:.75rem}.skills-section-content .skills-cards,.projects-section-content .projects-cards{display:grid;grid-template-columns:1fr;row-gap:30px;margin-top:50px}.skills-section-content .language-title{font-size:.9375rem;font-weight:500;text-align:center;margin-top:50px}.skills-section-content .languages-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.projects-section{padding:50px 30px}.projects-section-content{display:flex;flex-direction:column;position:relative}.projects-section-content .projects-text{font-size:.75rem;font-weight:500;color:var(--color-projects-text);margin-top:50px}.projects-section-content .direct-github{display:flex;margin-top:50px;padding:10px;background-color:var(--bg-github-button);color:var(--color-github-button-text);text-decoration:none;font-size:.75rem;font-weight:700;border-radius:10px;align-items:center;align-self:center;border:4px solid transparent;transition:color .3s ease-in-out,background-color .3s ease-in-out}.projects-section-content .direct-github:hover{background-color:var(--bg-github-button-hover);border:4px solid var(--border-github-button-hover);color:var(--color-github-button-text-hover)}.direct-github:before{content:"";width:20px;height:20px;margin-right:10px;background-image:url(/assets/images/githubWhite.svg);background-repeat:no-repeat;background-size:contain;flex-shrink:0}.direct-github:hover:before{background-image:url(/assets/images/githubBlack.svg)}.contacts-section{padding:50px 30px}.contacts-section-content{position:relative}.contacts-card{display:flex;flex-direction:column;margin-top:50px;gap:20px}.footer-container{display:flex;justify-content:center;background-color:var(--bg-footer-container);padding:50px 30px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}@media screen and (min-width: 370px){.skills-section-content .skills-cards,.projects-section-content .projects-cards{justify-items:center}.skills-text,.projects-text{text-align:center}}@media screen and (min-width: 600px){.contacts-card{flex-wrap:wrap;flex-direction:row;justify-content:center}}@media screen and (min-width: 768px){.skills-section-content .skills-cards{grid-template-columns:300px 300px;justify-content:center}}@media screen and (min-width: 1024px){.introduction-section{flex-direction:row}.skills-section-content .skills-cards{grid-template-columns:300px 300px 300px;justify-content:space-between}.projects-section-content .projects-cards{grid-template-columns:1fr 1fr;justify-content:space-between}.projects-section,.introduction-section,.skills-section,.contacts-section{padding-left:50px;padding-right:50px}.contacts-card{justify-content:space-between}}@media screen and (min-width: 1100px){.main-container{margin-left:auto;margin-right:auto}}.navbar-container{padding:25px 45px;margin-top:50px;background-color:var(--bg-navbar);border-radius:30px;position:fixed;top:0;left:20px;right:20px;z-index:1;max-width:1054px;transition:background-color .4s ease-in-out,box-shadow .4s ease-in-out}.navbar-container.scrolled{background-color:#1e1e2a1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--webkit-backdrop-filter: blur(10px);box-shadow:0 4px 12px #0003}.navbar-container.scrolled .menu-hamburger{color:var(--color-scrolled-menu-hamburger)}.navbar-container div{display:flex;justify-content:space-between;align-items:center}.navbar-container #nav-title{font-size:1rem;font-weight:700;color:transparent;background:var(--bg-navbar-title);-webkit-background-clip:text;background-clip:text;text-decoration:none}.menu-hamburger{background:none;border:3px solid transparent;padding:0 5px}.menu-hamburger.open{border:3px solid var(--border-menu-hamburger);border-radius:5px}.material-symbols-outlined{line-height:normal}.navbar-list{display:none;list-style:none;position:absolute;right:10%;top:80%;padding:10px;background-color:transparent;border-radius:10px}.navbar-list.scrolled{background-color:transparent}.navbar-list.open{display:block;background-color:var(--bf-navbar-list);border:3px solid var(--border-navbar-list)}.navbar-list li a{text-decoration:none;color:var(--color-navbar-items);font-weight:700;font-size:1rem}.navbar-list li a:hover{color:var(--color-navbar-list-hover);border-bottom:3px solid var(--border-navbar-list-hover);transition:color .2s ease-in-out}.navbar-list.scrolled li a{color:var(--color-navbar-list-scrolled)}@media screen and (min-width: 340px){.navbar-container #nav-title{font-size:1.25rem}}@media screen and (min-width: 650px){.navbar-list{display:flex;gap:30px;position:static}.menu-hamburger{display:none}}@media screen and (min-width: 1054px){.navbar-container{margin:50px auto 80px}}.section-title-container h2{text-align:center;font-size:1.25rem}.section-title-container:after{content:"";margin-top:10px;display:block;width:100px;height:5px;background:var(--border-section-title);position:absolute;left:50%;transform:translate(-50%)}.skills-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;background-color:var(--bg-skills-card);box-shadow:1px 1px 10px #00000040;border-radius:10px;max-width:300px;min-width:200px;transition:transform .2s ease-in-out}.skills-card:hover{transform:scale(1.05)}.skills-card img{width:100px;height:100px}@media screen and (min-width: 370px){.skills-card{min-width:280px}}.badge-text{padding:10px;border:1px solid transparent;width:max-content;border-radius:50px;margin-top:10px;font-size:.65rem;font-weight:700}.intermediario{background-color:var(--bg-badge-intermediario);border-color:var(--stroke-badge-intermediario);color:var(--color-badge-intermediario)}.avancado{background-color:var(--bg-badge-avancado);border-color:var(--stroke-badge-avancado);color:var(--color-badge-avancado)}.basico{background-color:var(--bg-badge-basico);border-color:var(--stroke-badge-basico);color:var(--color-badge-basico)}.default{background-color:var(--bg-badge-default);color:var(--color-badge-default);font-size:.75rem;min-width:55px;padding:5px 10px;text-align:center;transition:background-color .1s ease-in-out}.default:hover{background-color:var(--bg-badge-default-hover)}.project-card{display:flex;flex-direction:column;align-items:center;gap:10px;background-color:var(--bg-projects-card);box-shadow:1px 1px 10px #00000040;border-radius:10px;max-width:460px;min-width:200px}.project-card figure{width:100%;height:167px;max-width:460px}.project-card img{width:100%;height:100%;object-fit:cover;object-position:top;border-top-left-radius:10px;border-top-right-radius:10px}.project-card-content{display:flex;flex-direction:column;gap:10px;padding:20px}.project-card-content h2{font-size:.9375rem}.project-card-content .project-description{font-size:.75rem;font-weight:500;color:var(--color-projects-text)}.project-tags{display:flex;flex-wrap:wrap;gap:10px}.project-links{display:flex;gap:20px;margin-top:10px}.project-links a{text-decoration:none;color:var(--color-projects-link);font-size:.75rem;font-weight:700;display:flex;align-items:center}.project-links a:before{content:"";display:inline-block;width:20px;height:20px;margin-right:8px;background-size:cover;background-repeat:no-repeat}#demo-link:before{background-image:url(/assets/images/projects/shareIcon.svg)}#code-link:before{background-image:url(/assets/images/projects/githubIcon.svg)}.contact-block{display:flex;gap:10px;align-items:center}.contact-block figure{width:40px;height:40px;padding:10px;background:var(--bg-contact-icon);border-radius:10px;flex-shrink:0}.contact-block img{width:100%;height:100%;object-fit:contain}.contact-content h3{font-weight:700;font-size:.9375rem}.contact-content a{text-decoration:none}.contact-content a:hover{text-decoration:underline}.contact-content p,.contact-content a{font-size:.65rem;font-weight:700;color:var(--bg-contact-text)}@keyframes heart-pulse{0%{opacity:100%;transform:scale(1.1)}to{opacity:50%}}.footer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.footer h3{display:flex;align-items:center;font-weight:700;font-size:1.25rem;color:var(--color-footer-title)}.footer h3:before{content:"";width:25px;height:25px;display:inline-block;background-image:url(/assets/images/footer-icon/code.svg);background-repeat:no-repeat;background-size:contain;margin-right:8px}.footer p{color:var(--color-footer-text);font-size:.75rem;font-weight:500}.footer .heart{display:flex;align-items:center}.footer .heart:after{content:"";width:20px;height:20px;display:inline-block;background-image:url(/assets/images/footer-icon/heart.svg);background-repeat:no-repeat;background-size:contain;margin-left:4px;animation:heart-pulse 1.2s ease-in-out infinite alternate}