@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";:root{--header-height: 4rem;--white: #fff;--body-bg: #fefcf8;--title-color: #034741;--text-color: #555;--text-color-light: hsl(0, 0%, 55%);--body-font: "Poppins", sans-serif;--biggest-font-size: 4rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1rem;--font-medium: 500;--font-bold: 700;--mb-0-5: .5rem;--mb-0-75: .75rem;--mb-1: 1rem;--mb-1-5: 1.5rem;--mb-2: 2rem;--mb-2-5: 2.5rem;--mb-3: 3rem;--z-tooltip: 10;--z-fixed: 100;--transition-fordarkmode: .4s}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,button,input{font-family:var(--body-font);font-size:var(--normal-font-size)}body{margin:0;background-color:var(--body-bg);color:var(--text-color);transition:var(--transition-fordarkmode)}main{overflow:hidden}h1,h2,h3{color:var(--title-color);font-weight:var(--font-bold)}ul{list-style:none}a{text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;border:none;outline:none}nav{width:100%;background-color:transparent;position:fixed;top:0;left:0;z-index:var(--z-fixed);transition:var(--transition-fordarkmode)}.navbar{height:var(--header-height);display:flex;justify-content:space-between;align-items:center}.navbar.scrolled{background-color:var(--white);box-shadow:0 2px 8px #00000026}.nav-list{height:var(--header-height);display:flex;flex-direction:row;justify-content:space-between;align-items:center}.nav_btns{display:flex;align-items:center;column-gap:1rem}.nav-item{padding:0 .8rem}.nav-item>a{font-size:var(--normal-font-size);color:var(--font-color)}.logoDownloadCV{background-color:initial;color:var(--text-color);font-size:15px;margin-left:18px;position:relative;border-width:1px;border-style:solid;border-color:var(--text-color);border-image:initial;padding:8px 14px;transition:.3s ease-in-out;border-radius:4px}.logoDownloadCV:hover{color:#121212}.navbar input{visibility:hidden}.menu-toggle,.menu-icon{display:none}@media screen and (max-width : 767px){.menu-icon{display:block;cursor:pointer;padding:1rem}.nav-list{display:none;position:absolute;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));background-color:var(--body-bg);flex-direction:column;align-items:center;padding:2rem;z-index:var(--z-fixed)}.nav-item{padding:1.5rem}.menu-toggle:checked~.nav-list{display:flex}.nav_btns{display:none}}.hero-container{display:flex;justify-content:space-between;flex-direction:row;height:100vh;padding:60px 80px;gap:40px}.hero-text{max-width:600px;margin:auto;font-size:18px;letter-spacing:.8px;line-height:1.5em;width:96%}.hero-text h1{font-family:var(--body-font);font-size:65px;font-weight:700;color:var(--title-color);margin-bottom:var(--mb-2);line-height:1.2}.typewriter{font-size:40px;font-weight:500;font-family:Poppins,sans-serif;white-space:nowrap;margin-bottom:1.5rem}.typewriter .wrap{border-right:3px solid #464242;animation:blinkCursor .7s infinite}.typewriter span:after{content:"";position:absolute;right:0;top:.2em;bottom:.2em;width:2px;background:currentColor;animation:blink .8s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero-image-wrapper{flex:1;position:relative;width:100%;display:flex;justify-content:center;align-items:center;height:min-content;margin:auto}.stroke-brush{position:relative;width:600px;top:0;z-index:0}.profile-img{width:400px;height:auto;position:relative;z-index:1}@media screen and (max-width:767px){.hero-container{flex-direction:column;padding:60px 8px}.typewriter{white-space:normal}}.about-section{margin-bottom:4rem}.about-section .about-container{width:95%;margin:auto}.about-section .about-title span{display:block;margin-bottom:.5rem;text-transform:uppercase;color:var(--title-color);font-size:var(--h1-font-size)}.about-section .about-title h3{color:var(--text-color);font-size:var(--font-medium)}.about-section .about-inner{padding-top:4rem;display:grid;grid-template-columns:1fr 2fr;gap:2rem}.about-section .about-img-container{margin-bottom:7rem;width:80%;margin:0 auto}.about-section .about-img-inner{background-size:cover;background-position:center;position:relative;max-width:500px;height:auto;overflow:hidden;transition:all .3s ease-out}.about-section .about-img-inner:hover{transform:translate3d(-10px,15px,0)}.about-section .about-img-border{position:relative;background-color:#eeebdd;max-width:500px;border:7px solid #1b1717}.about-section .about-img-border:hover{transform:translate3d(5px,-5px,0)}.about-section .about-info-title{margin-bottom:3rem}.about-section .about-info-title h3{color:#1b1717;font-size:2rem;font-weight:600}.about-section .about-info-title span{color:var(--title-color);font-size:var(--h1-font-size);font-weight:var(--font-medium)}.about-section .about-info-text{margin-bottom:var(--mb-2-5)}.about-section .about-info-text p{color:var(--text-color);font-size:var(--normal-font-size);text-align:justify;line-height:2;letter-spacing:.05rem}.about-section .about-info-text span{color:var(--title-color);font-size:var(--h3-font-size);font-weight:var(--font-bold)}.about-section .about-info-list{margin-bottom:var(--mb-2-5)}.about-section .about-info-list ul{list-style:none}.about-section .about-info-list li{margin-bottom:var(--mb-2)}.about-section .about-info-list li i{font-size:var(--normal-font-size);color:var(--font-color)}.about-section .about-info-list li .about-info-logo{display:inline-block;min-width:3.5rem;margin-left:1rem}.about-section .about-info-list li label{display:inline-block;min-width:5rem;color:var(--font-color);font-size:var(--normal-font-size);font-weight:var(--font-bold)}.about-section .about-info-list li span{color:var(--font-color);font-size:var(--normal-font-size);font-weight:400}.about-section .about-info-list li span a{font-size:var(--normal-font-size);text-decoration:none;color:var(--font-color);-webkit-transition:border .5s ease;transition:border .5s ease;position:relative}.about-section .about-info-list li span a:before{content:"";display:block;width:0;background:var(--title-color);border-bottom:medium solid var(--title-color);position:absolute;left:0;bottom:0;transition:all .4s}.about-section .about-info-list li span a:hover:before{width:100%}.about-section .about-info-btn{display:block;padding:1.2rem;min-height:2.5rem}.about-section .about-info-btn a{position:relative;text-decoration:none;color:#eeebdd;background:var(--title-color);font-size:var(--normal-font-size);padding:1.2rem 2.5rem}.about-section .about-info-btn a:hover{color:var(--white);background:var(--title-color)}.about-info-list>ul{display:grid;grid-template-columns:auto auto}@media screen and (max-width:767px){.about-section .about-inner{padding-top:4rem;display:flex;flex-direction:column;gap:0rem}.about-section .about-img-container{margin-bottom:3rem;width:auto}.about-info-list>ul{grid-template-columns:auto}}.skills{padding:60px 80px;background:var(--white)}.skills__head h2{display:block;margin-bottom:.5rem;text-transform:uppercase;color:var(--title-color);font-size:var(--h1-font-size);font-weight:var(--font-medium)}.skills__head p{margin-bottom:24px;color:var(--text-color);font-size:var(--font-medium);font-weight:var(--font-bold)}.skills__group{margin:5px 0}.skills__group h3{font-size:20px;color:var(--title-color);margin-bottom:14px}.skills-marquee{display:grid;gap:16px;overflow:hidden;width:100%}.marquee__track{display:inline-flex;gap:16px;will-change:transform;animation:scroll-left var(--speed, 25s) linear infinite;padding:1rem 0}.to-left .marquee__track{animation:scroll-left var(--speed, 25s) linear infinite}.to-right .marquee__track{animation:scroll-right var(--speed, 25s) linear infinite}.skills-marquee:hover .marquee__track{animation-play-state:paused}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.skill-card{--icon: 32px;--rad: 12px;--pad-y: 12px;--pad-x: 14px;--border: #e9ecef;--bg: #fafafa;--text: #1b1b1b;--muted: #6b7280;--accent: var(--title-color, #0b7a6c);display:grid;grid-template-columns:var(--icon) 1fr;align-items:center;gap:12px;padding:var(--pad-y) var(--pad-x);border:1px solid var(--border);border-radius:var(--rad);background:var(--bg);min-width:max-content;transition:box-shadow .15s ease,transform .15s ease,border-color .2s ease}.skill-card:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0000000f;border-color:#e3e6ea}.skill-card:focus-within{outline:2px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:2px}.skill-card img{inline-size:var(--icon);block-size:var(--icon);object-fit:contain;flex-shrink:0}.skill-card__body{display:flex;flex-direction:row;align-items:flex-start;gap:2px;width:15rem}.skill-card__name{font-weight:600;color:var(--text);line-height:1.2}.skill-card__level{font-size:.75rem;color:var(--muted)}.skill-card__bar{grid-column:1 / -1;height:6px;background:#e9ecef;border-radius:999px;overflow:hidden}.skill-card__bar>span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}@media (max-width: 480px){.skill-card{--icon: 28px;--pad-y: 10px;--pad-x: 12px}}@media screen and (max-width:767px){.skills{padding:60px 8px}}.projects-section{padding:60px 80px;background:var(--body-bg);min-height:35rem}.projects-maincontainer{align-items:center;margin:auto}.projects-title h3{display:block;margin-bottom:.5rem;text-transform:uppercase;color:var(--title-color);font-size:var(--h1-font-size);font-weight:var(--font-medium)}.projects-title p{margin-bottom:24px;color:var(--text-color);font-size:var(--font-medium);font-weight:var(--font-bold)}.btns-container{display:flex;flex-direction:row;justify-content:center}.btns-stacks{width:20%;height:54px}.tabs{display:flex;margin:16px 0 24px;justify-content:center;gap:8px}.tab{padding:12px 24px;border-radius:10px;background:linear-gradient(135deg,#1f2937,#111827);color:#fff;border:1px solid #374151;cursor:pointer;font-weight:500;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 2px 6px #0003}.tab:hover{transform:translateY(-2px);background:linear-gradient(135deg,#374151,#1f2937);box-shadow:0 6px 12px #0000004d}.tab--active{background:linear-gradient(135deg,#005f56,#4b3fa8);color:#fff;border-color:transparent;box-shadow:0 8px 20px #8b5cf659;transform:translateY(-2px) scale(1.03)}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{display:block;background:#0e0e0e;border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000059}.project-card img{width:100%;height:220px;object-fit:cover;display:block}.project-card__info{padding:14px 16px;color:#e5e7eb}.projects-empty{color:#94a3b8;padding:24px 0;font-size:var(--h1-font-size);position:absolute;left:42%}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.projects-section{padding:60px 8px}.projects-empty{left:25%}}@media (max-width: 640px){.projects-grid{grid-template-columns:1fr}}.contact{padding:60px 80px;background:#fff}.contact__head h2{display:block;margin-bottom:.5rem;text-transform:uppercase;color:var(--title-color);font-size:var(--h1-font-size);font-weight:var(--font-medium)}.contact__head p{color:var(--text-color);margin-bottom:24px}.contact__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:start}.contact__info ul{margin:0 0 12px;padding:0;list-style:none}.contact__info li{margin:6px 0;color:#374151}.contact__note{color:#6b7280;font-size:14px}.contact__form{display:grid;gap:12px;border:1px solid #e5e7eb;padding:16px;border-radius:12px;background:#fafafa}.contact__form label{display:grid;gap:6px;color:#1f2937;font-weight:600}.contact__form input[type=text],.contact__form input[type=email],.contact__form textarea{padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:var(--white);font:inherit}.contact__form textarea{resize:vertical}.contact__check{display:flex;align-items:center;gap:8px;font-weight:500}.contact__form button{padding:12px 16px;border-radius:10px;background:var(--title-color);color:var(--white);border:none;font-weight:600;cursor:pointer;transition:transform .08s ease}.contact__form button:disabled{opacity:.6;cursor:not-allowed}.contact__form button:active{transform:translateY(1px)}.contact__alert{margin-top:6px;font-size:14px}.contact__alert--ok{color:var(--title-color)}.contact__alert--err{color:#b91c1c}.link{font-size:var(--normal-font-size);text-decoration:none;color:var(--font-color);-webkit-transition:border .5s ease;transition:border .5s ease;position:relative}.link:before{content:"";display:block;width:0;background:var(--title-color);border-bottom:medium solid var(--title-color);position:absolute;left:0;bottom:0;transition:all .4s}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}@media (max-width: 900px){.contact{padding:40px 20px}.contact__grid{grid-template-columns:1fr}}