@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap";@keyframes blink{0%{border:2px solid #b9b9b9;background-color:#b9b9b9}25%{border:2px solid #006394;background-color:#006394;box-shadow:0 0 15px #bfbfbf}to{border:2px solid #b9b9b9;background-color:#b9b9b9}}@keyframes blink_last{0%{border:2px solid #b9b9b9;background-color:#b9b9b9}25%{border:2px solid #00942c;background-color:#00942c;box-shadow:0 0 15px #bfbfbf}to{border:2px solid #b9b9b9;background-color:#b9b9b9}}@keyframes blink_border{0%{border:2px solid #b9b9b9}25%{border:2px solid #006394;box-shadow:0 0 15px #bfbfbf}to{border:2px solid #b9b9b9}}@keyframes blink_border_last{0%{border:2px solid #b9b9b9}25%{border:2px solid #00942c;box-shadow:0 0 15px #bfbfbf}to{border:2px solid #b9b9b9}}*{box-sizing:border-box}:root{color-scheme:light;--bg: #f7f8fb;--surface: #ffffff;--surface-soft: #f0f2f7;--text: #1f2430;--muted: #6b7280;--accent: #3b82f6;--accent-soft: #dbeafe;--border: #e5e7eb;--shadow-sm: 0 6px 18px rgba(16, 24, 40, .08);--shadow-md: 0 18px 42px rgba(16, 24, 40, .12)}body{margin:0;font-family:Barlow Condensed,sans-serif;font-weight:400;font-style:normal;background:var(--bg);color:var(--text);letter-spacing:.2px}#root{max-width:1160px;margin:0 auto;padding:.25rem 2rem 6rem}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#b8bcc8;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#7b8191}.name{font-size:clamp(2rem,3vw,2.8rem);display:flex;align-items:center}.name strong{color:var(--accent)}.name p{margin:0}.rounded_img{border-radius:50%;object-fit:cover;margin:0}.tooltip{position:relative;display:inline-block}.tooltip_context{transition:.2s;visibility:hidden;opacity:0;position:absolute;top:-3.75em;border-radius:12px;background-color:var(--surface);box-shadow:var(--shadow-sm);padding:.75em 1em;transform:translateY(6px)}.flex{display:flex;align-items:center}.tooltip:hover .tooltip_context{visibility:visible;opacity:1;transform:translateY(0)}.img_contain{object-fit:contain}.status-bar{margin:0 auto;height:.45em;width:5em;border-radius:999px;background:var(--surface-soft);position:relative}.status-bar .x5{width:5em}.status-bar .x4{width:4em}.status-bar .x3{width:3em}.status-bar .x2{width:2em}.status-bar .x1{width:1em}.status-bar div{background-color:var(--accent);border-radius:999px;height:100%;position:absolute;left:0}.profile-photo{width:11em;height:11em;min-width:11em;min-height:11em;border:1px solid var(--border);box-shadow:var(--shadow-sm);background:var(--surface)}@media(min-width:1800px){.profile-photo{width:16em;height:16em;min-width:16em;min-height:16em}}@media(max-width:600px){.profile-photo{width:8.5em;height:8.5em;min-width:8.5em;min-height:8.5em}}.introduction-container{margin:1.5em 0 3.5em;display:grid;grid-template-columns:160px 1fr;align-items:center;gap:2.5em;padding:2.5em 3em}@media(min-width:1800px){.introduction-container{grid-template-columns:220px 1fr;gap:4.5em}}@media(max-width:600px){.introduction-container{grid-template-columns:1fr;text-align:center;padding:2em;gap:1.5em}}.short_info{position:relative;max-width:38em;font-size:1.15rem;line-height:1.6;color:var(--muted)}.section_header{text-align:center;color:var(--text);margin:2.5em 0 1.5em}.section_header h2{margin:0;font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:600}.section_header_detail{text-align:center;color:var(--muted);font-size:1rem}.timeline_container{margin:0 0 4em;display:flex;align-items:center;justify-content:center;text-align:center;gap:1.25em;padding:1.75em 2em;border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.timeline_container img,.timeline_container p{margin:0}.timeline_container h3{margin-top:-.25em;color:var(--muted);font-weight:500}.timeline_container .gap{margin-top:-1em;flex-grow:2;height:3px;border-radius:999px;background:linear-gradient(90deg,#d8dbe3,#eef1f7)}.timeline_container .last{background:linear-gradient(90deg,#d8dbe3,#dbeafe)}.timeline_container .last_border{border-color:var(--accent);box-shadow:0 8px 20px #3b82f633}.timeline_container>div:not(.gap){display:flex;flex-direction:column;align-items:center;gap:.4em;padding:.75em .5em;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer}.timeline_container>div:not(.gap):hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-sm);background:var(--surface-soft)}.timeline_container>div:not(.gap) *{cursor:pointer}@media(max-width:600px){.timeline_container{flex-direction:column-reverse;min-height:55em;padding:1.5em 1em}}.company_icon:hover{transform:scale(1.05)}@media(min-width:1800px){.company_icon:hover{width:9em;height:9em;min-width:9em;min-height:9em}}.company_icon{width:3.25em;height:3.25em;min-width:3.25em;min-height:3.25em;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer}@media(min-width:1800px){.company_icon{width:7.5em;height:7.5em;min-width:7.5em;min-height:7.5em}}.company_icon_bg{width:5.5em;height:5.5em;min-width:5.5em;min-height:5.5em;border:1px solid var(--border);box-shadow:var(--shadow-sm)}@media(max-width:600px){.company_icon_bg{display:none}}.company_icon_sm{width:2.5em;height:2.5em;min-width:2.5em;min-height:2.5em;margin:.25em}.dialog_info{display:flex;align-items:center;gap:1.5em;font-size:18px;padding:0 2em 0 0}@media(max-width:600px){.dialog_info{padding:2em;font-size:16px}}.dialog_info_desc{margin:0;padding:0;max-width:40em}.dialog_info_desc h1{margin:0;padding:0;font-size:34px}@media(max-width:600px){.dialog_info_desc h1{font-size:28px}}.dialog_chipper{display:flex;align-items:center;justify-content:center;font-size:12px;padding:.35em .6em;border-radius:999px;color:var(--accent);background-color:var(--accent-soft);border:1px solid transparent}.dialog_chippers{display:flex;flex-wrap:wrap;max-width:25em;align-items:center;gap:1em;padding:0 2em 0 0}.dialog_info_tech_stacks{display:flex;flex-wrap:wrap;gap:.5em;max-width:25em}.dialog_context{margin:0 2em 1em}.dialog_context h1{text-decoration:underline}dialog[open]{border:1px solid var(--border);border-radius:24px;min-width:45em;opacity:1;transform:scaleY(1);box-shadow:var(--shadow-md)}@media(max-width:600px){dialog[open]{min-width:1em}}dialog{font-size:18px;max-width:52em;max-height:32em;border:1px solid var(--border);border-radius:24px;opacity:0;transform:scaleY(0);transition:all .5s allow-discrete;padding:1.5em 1.75em;background:var(--surface)}@media(max-width:600px){dialog{max-width:20em;max-height:30em}}@starting-style{dialog[open]{opacity:0;transform:scaleY(0)}}dialog::backdrop{background-color:#0f172a00;transition:all .5s allow-discrete}dialog[open]::backdrop{background-color:#0f172a4d}@starting-style{dialog[open]::backdrop{background-color:#0000}}.tech_stack_card{background:transparent;border:none;border-radius:0;box-shadow:none;padding:.5em 0 0;margin:0;max-width:none}.tech_stack_list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:start;justify-items:start;text-align:left;gap:.7em 1em;padding:0 .25em .75em}.tech_stack_list_title{text-align:center;font-weight:600;letter-spacing:.4px;color:var(--muted);margin:2em 0 1em}.tech_stack_list_item{text-align:left;padding:.45em .3em;border-radius:14px;transition:background .2s ease;display:grid;grid-template-columns:90px 1fr;align-items:center;justify-content:flex-start;column-gap:.5em}.tech_stack_list_item p{margin:0}.tech_icon{width:2em;height:2em;min-width:2em;min-height:2em;margin:.15em;transition:transform .2s ease}@media(min-width:1800px){.tech_icon{width:4em;height:4em;min-width:4em;min-height:4em}}.tech_stack_item_info{display:flex;flex-direction:column;align-items:flex-start;gap:.25em}.tech_stack_item_meta{display:flex;align-items:center;justify-content:flex-start;gap:.5em}.tech_stack_item_name{font-size:.82rem;color:var(--text);white-space:nowrap}.tech_stack_item_level{display:inline-flex;gap:.2em;font-size:.85rem;line-height:1;color:#c5c9d6}.tech_stack_item_level .star{display:inline-flex;align-items:center;justify-content:center;width:1.05em;height:1.05em;border-radius:999px;background:#f3f4f8;color:#4b5563}.tech_stack_item_level .star.filled{color:var(--accent);background:var(--accent-soft)}.navbar{display:flex;position:sticky;top:0;z-index:10;margin:0 0 1em;padding:.25em 0;background:#f7f8fbd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar_items{display:flex;align-items:center;gap:1.25em;width:100%;justify-content:flex-end}.navbar_items a{color:#0b0b0b;display:inline-flex;align-items:center;text-decoration:none}.navbar_items p{margin:0;color:var(--muted);font-size:1rem}@media(max-width:1350px){.navbar{margin-bottom:2em}}@media(max-width:750px){.navbar{padding:.5em 0}}.nav_icon{margin:0;width:1.4em;height:1.4em;cursor:pointer;opacity:.9;color:#0b0b0b;transition:transform .2s ease,opacity .2s ease}@media(max-width:750px){.nav_icon{width:1.1em;height:1.1em}}.nav_icon:hover{opacity:1;transform:translateY(-2px)}.nav_location{display:inline-flex;align-items:center;gap:.5em}.nav_location .nav_icon{color:#0b0b0b}.nav_item{display:inline-flex;align-items:center}.nav_item:hover .nav_icon,.nav_location:hover .nav_icon{color:var(--accent)}.tech_stack_projects{display:grid;grid-template-columns:1fr 1fr;gap:1.5em;align-items:start}.tech_stack_projects_column{display:flex;flex-direction:column;gap:1.5em}.tech_stack_column{display:flex;flex-direction:column;gap:1em}.tech_stack_group{border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);padding:.5em 1em .75em}.tech_stack_group summary{cursor:pointer;font-weight:600;color:var(--text);list-style:none;padding:.5em .25em}.tech_stack_group summary::-webkit-details-marker{display:none}.tech_stack_group summary:after{content:"+";float:right;color:var(--muted)}.tech_stack_group[open] summary:after{content:"-"}.projects_list{display:flex;flex-direction:column;gap:1.25em}.projects_column{display:flex;flex-direction:column}.project_card{border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);padding:1.25em}.project_header{display:flex;align-items:center;gap:.75em}.project_header h3{margin:0;font-size:1.1rem}.project_subtitle{margin:.25em 0 0;color:var(--muted);font-size:.85rem}.project_description{color:var(--muted);margin:.75em 0 1em}.project_features{margin:0 0 1em;padding-left:1.2em;color:var(--text)}.project_features li{margin-bottom:.35em}.project_link{display:inline-flex;align-items:center;gap:.35em;color:var(--accent);text-decoration:none;font-weight:600}.project_icon{width:2.25em;height:2.25em;border-radius:10px}@media(max-width:900px){.tech_stack_projects{grid-template-columns:1fr}}
