@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--header-height:3rem;--hue-color:210;--first-color:hsl(var(--hue-color),69%,61%);--first-color-second:hsl(var(--hue-color),69%,61%);--first-color-alt:hsl(var(--hue-color),57%,53%);--first-color-lighter:hsl(var(--hue-color),92%,85%);--title-color:hsl(var(--hue-color),8%,15%);--text-color:hsl(var(--hue-color),8%,45%);--text-color-light:hsl(var(--hue-color),8%,65%);--input-color:hsl(var(--hue-color),70%,96%);--body-color:hsl(var(--hue-color),60%,99%);--body-bg:#eff1f5;--body-bg-accent:#dce0e8;--container-color:#fff;--scroll-bar-color:hsl(var(--hue-color),12%,90%);--scroll-thumb-color:hsl(var(--hue-color),12%,80%);--body-font:"JetBrains Mono",monospace;--big-font-size:2rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1.125rem;--normal-font-size:.938rem;--small-font-size:.813rem;--smaller-font-size:.75rem;--font-medium:500;--font-semi-bold:600;--mb-0-25:.25rem;--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;--z-modal:1000}@media screen and (min-width:968px){:root{--big-font-size:3rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:.875rem;--smaller-font-size:.813rem}}body.dark-theme{--first-color-second:hsl(var(--hue-color),30%,8%);--title-color:hsl(var(--hue-color),8%,95%);--text-color:hsl(var(--hue-color),8%,75%);--input-color:hsl(var(--hue-color),29%,16%);--body-color:hsl(var(--hue-color),28%,12%);--body-bg:#1e1e2e;--body-bg-accent:#0d101b;--container-color:hsl(var(--hue-color),29%,16%);--scroll-bar-color:hsl(var(--hue-color),12%,48%);--scroll-thumb-color:hsl(var(--hue-color),12%,36%)}.nav_btns{align-items:center;display:flex;gap:1rem}.change-theme{color:var(--title-color);cursor:pointer;display:flex;font-size:1.75rem;justify-content:center}.change-theme:hover{color:var(--first-color)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--body-color);background:var(--body-bg);background-attachment:fixed;color:var(--text-color);font-family:var(--body-font);font-size:var(--normal-font-size)}::-moz-selection,body::-moz-selection,html::-moz-selection{background-color:var(--first-color-alt);color:#fff}::selection,body::selection,html::selection{background-color:var(--first-color-alt);color:#fff}h1,h2,h3,h4{color:var(--title-color);font-weight:var(--font-semi-bold)}ul{list-style:none}a{color:var(--first-color);text-decoration:none;transition:.3s}a:hover{color:var(--first-color-alt)}img{height:auto;max-width:100%}.section{padding:2rem 0 4rem}.section_title{color:var(--title-color);font-size:var(--h2-font-size);margin-bottom:var(--mb-1-5)}.button{background-color:var(--first-color);border:none;border-radius:.5rem;color:#fff;display:inline-block;font-weight:var(--font-medium);padding:1rem}.button:hover{background-color:var(--first-color-alt)}.button_icon{font-size:1.25rem;margin-left:var(--mb-0-5);transition:.3s}.button-flex{align-items:center;display:inline-flex}.container{margin-left:var(--mb-2);margin-right:var(--mb-2);max-width:1120px}.grid{display:grid;gap:1.5rem}.header{background-color:var(--body-bg);width:100%}.nav{align-items:center;display:flex;height:var(--header-height);justify-content:space-between;max-width:968px}.nav_logo,.nav_toggle{color:var(--title-color);font-weight:var(--font-medium)}.nav_logo:hover{color:var(--first-color)}.nav_toggle{cursor:pointer;font-size:1.1rem}.nav_toggle:hover{color:var(--first-color)}.desktop-only,.mobile_menu{display:none}@media screen and (max-width:767px){.nav_menu{background-color:var(--body-bg);box-shadow:none;display:flex;flex-direction:column;gap:2rem;height:100vh;padding:2rem 1.5rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:280px;z-index:var(--z-modal)}.nav{justify-content:space-between}.desktop_menu{display:none}.nav_toggle{color:var(--title-color);cursor:pointer;display:block;font-size:1.5rem}.mobile_menu{background-color:var(--body-bg);box-shadow:-10px 0 30px #00000026;display:flex;flex-direction:column;gap:2rem;height:100vh;padding:2rem 1.5rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:280px;z-index:var(--z-modal)}.show-menu{right:0}.mobile_menu_header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.mobile_nav_list{display:flex;flex-direction:column;gap:1.5rem}.mobile_nav_list .nav_link{color:var(--title-color);font-size:1rem}.nav_close{bottom:auto;color:var(--first-color);cursor:pointer;font-size:1.75rem;position:absolute;right:1rem;top:1rem}}.nav_list{background-color:var(--body-bg-accent);border:1px solid rgba(0,0,0,.15);border-radius:8px;box-shadow:0 5px 10px var(--first-color);display:flex;gap:2rem;grid-template-columns:repeat(3,1fr);justify-content:center;padding:.55rem 1rem}.nav_link{color:var(--title-color);flex-direction:column;font-size:var(--small-font-size);font-weight:var(--font-medium)}.language_switcher,.nav_link{align-items:center;display:flex}.language_switcher{gap:.5rem}.lang_button{background:none;border:none;cursor:pointer;padding:0}.lang_button img{border-radius:6px;height:25px;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease;width:30px}.change-theme:hover,.lang_button img:hover{transform:scale(1.1)}.nav_link:hover{color:var(--first-color)}.nav_icon{font-size:1.2rem}.nav_close{bottom:.5rem;color:var(--first-color);cursor:pointer;font-size:1.5rem;position:absolute;right:1.3rem}.nav_close:hover{color:var(--first-color-alt)}.show-menu{bottom:0}.home_container{gap:1rem}.home_content{align-items:center;grid-template-columns:1fr;padding-top:0}.social_icon{color:var(--text-color);font-size:1rem}.social_icon:hover{color:var(--first-color);transition:.3s}.home_title-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:var(--mb-1)}.home_title{margin-bottom:0}.home_title,.home_title-name{font-size:var(--h1-font-size)}.home_title-name{color:var(--first-color-alt);font-weight:var(--font-semi-bold)}.home_description{font-size:var(--normal-font-size);letter-spacing:.03rem;line-height:1.75;margin-bottom:var(--mb-1-5);word-spacing:.2rem}.home_description-links{border-bottom:2px dashed var(--first-color)}.home_description-links:hover{background-color:var(--first-color);color:var(--body-bg-accent)}.socials{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.social_divider{color:var(--text-color-light)}.resume_download-button{border:1px solid var(--text-color-light);border-radius:5px;color:var(--text-color);padding:10px}.resume_download-button:hover{background-color:var(--first-color);border:1px solid var(--first-color);color:var(--body-bg)}.hero_tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.hero_tag img{height:18px;-o-object-fit:contain;object-fit:contain;width:18px}.hero_tag:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.skills_grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}.skill_card{background:var(--body-bg-accent);border-radius:10px;box-shadow:0 5px 10px var(--body-bg-accent);padding:1rem;transition:.3s}.skill_card:hover{transform:translateY(-5px)}.skill_header{align-items:flex-start;display:flex;gap:1rem}.skill_logo{align-items:center;background:var(--container-color);border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.skill_logo img{height:35px;-o-object-fit:contain;object-fit:contain;width:35px}.skill_name{font-size:var(--small-font-size);font-weight:var(--font-medium);margin-bottom:.5rem}.skill_description{color:var(--text-color);font-size:var(--smaller-font-size);line-height:1.5}@media screen and (max-width:1024px){.skills_grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.skills_grid{grid-template-columns:1fr}}.about_container{align-items:stretch;display:flex;flex-direction:column;gap:2rem}.about_img{border-radius:.5rem;margin:0 auto;max-width:350px;-o-object-fit:cover;object-fit:cover;width:100%}.about_data{display:flex;flex:1;flex-direction:column;justify-content:space-between}.about_description{font-size:var(--normal-font-size);letter-spacing:.03rem;line-height:1.75;margin-bottom:var(--mb-1-5);word-spacing:.2rem}.about_description p{margin-bottom:1rem}.about_description p:last-child{margin-bottom:0}.about_description-links{border-bottom:2px dashed var(--first-color)}.about_description-links:hover{background-color:var(--first-color);color:var(--body-bg-accent)}.vision_modal{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:var(--z-modal)}.vision_modal_content{background:var(--container-color);border:1px solid color-mix(in srgb,var(--text-color-light) 20%,transparent);border-radius:.75rem;box-shadow:0 10px 40px #0003;max-height:85vh;max-width:36rem;overflow-y:auto;padding:2rem 1.5rem 1.5rem;position:relative;width:100%}.vision_modal_close{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;font-size:1.25rem;height:2rem;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:.2s ease;width:2rem}.vision_modal_close:hover,.vision_modal_title{color:var(--first-color)}.vision_modal_title{margin-bottom:var(--mb-1-5);padding-right:2rem}.vision_modal_content p{margin-bottom:var(--mb-1)}.vision_modal_content p:last-child{margin-bottom:0}.project_card{background:var(--body-bg);border:1px solid color-mix(in srgb,var(--text-color-light) 20%,transparent);border-radius:.5rem;box-shadow:0 5px 10px var(--body-bg-accent);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.project_card:hover{border:1px solid var(--first-color)}.project_image_wrapper img{border-bottom-left-radius:0;border-bottom-right-radius:0;height:280px;-o-object-fit:cover;object-fit:cover;width:100%}.project_content{padding:1rem}.project_description{color:var(--text-color);font-size:var(--small-font-size);margin-bottom:.5rem}.project_stack{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--smaller-font-size);gap:.4rem;opacity:.9}.tag{background:var(--body-bg-accent);border:1px solid rgba(0,0,0,.15);border-radius:4px;color:var(--text-color);font-size:.75rem;padding:.2rem .5rem}.projects_header{align-items:first baseline;display:flex;justify-content:space-between}.see_more_btn{border-bottom:2px dashed var(--first-color);color:var(--first-color);cursor:pointer;font-size:var(--small-font-size);font-weight:var(--font-medium);transition:.2s ease}.see_more_btn:hover{background-color:var(--first-color);color:var(--body-bg-accent)}.projects_controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:var(--mb-2)}.projects_filters{display:flex;flex-wrap:wrap;gap:.5rem}.projects_sort{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.projects_sort_label{color:var(--text-color);font-size:var(--smaller-font-size);white-space:nowrap}.projects_sort_dropdown{position:relative;width:8rem}.projects_sort_trigger{align-items:center;background:var(--body-bg-accent);border:1px solid rgba(0,0,0,.15);border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;font-family:var(--body-font);font-size:var(--smaller-font-size);gap:.75rem;justify-content:space-between;padding:.35rem .75rem;transition:.2s ease;width:100%}.projects_sort_trigger:hover{border-color:var(--first-color);color:var(--first-color)}.projects_sort_icon{font-size:1.1rem;transition:transform .2s ease}.projects_sort_icon--open{transform:rotate(180deg)}.projects_sort_menu{border:1px solid rgba(0,0,0,.15);border-radius:4px;display:flex;flex-direction:column;min-width:100%;overflow:hidden;position:absolute;right:0;top:calc(100% + .35rem);z-index:var(--z-tooltip)}.projects_sort_option{background:var(--body-bg-accent);border:none;color:var(--text-color);cursor:pointer;font-family:var(--body-font);font-size:var(--smaller-font-size);padding:.65rem 1.25rem;text-align:left;transition:.2s ease}.projects_sort_option:hover{background:var(--input-color);color:var(--first-color)}.projects_sort_option--active{background:var(--first-color);color:var(--body-bg)}.projects_sort_option--active:hover{background:var(--first-color-alt);color:var(--body-bg)}.projects_filter{background:var(--body-bg-accent);border:1px solid rgba(0,0,0,.15);border-radius:4px;color:var(--text-color);cursor:pointer;font-family:var(--body-font);font-size:var(--smaller-font-size);padding:.35rem .75rem;transition:.2s ease}.projects_filter:hover{border-color:var(--first-color);color:var(--first-color)}.projects_filter--active{background:var(--first-color);border-color:var(--first-color);color:var(--body-bg)}.projects_filter--active:hover{background:var(--first-color-alt);border-color:var(--first-color-alt);color:var(--body-bg)}.projects_grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.featured_projects{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.project-detail{margin:0 auto;max-width:650px}.project_details_image_wrapper{display:flex;justify-content:center;margin-bottom:2rem}.project-image{border-radius:1rem;max-width:650px;-o-object-fit:cover;object-fit:cover;width:100%}.project-title{color:var(--first-color);margin-bottom:1rem}.project-meta{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.project-date{color:var(--text-color-light)}.project-meta a{font-size:1.25rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.project-divider{color:var(--text-color-light);margin:3rem auto;max-width:650px}.project-overview{margin:0 auto;max-width:650px}.project-content p{margin-bottom:var(--mb-1)}.project-content h2{margin-bottom:var(--mb-2)}.project-content h2,.project-content h3{color:var(--first-color-lighter);margin-top:var(--mb-3)}.project-content h3{margin-bottom:var(--mb-0-75)}.project-content ul{list-style:disc;padding-left:var(--mb-2)}.project-content img,.project-content li{margin-bottom:var(--mb-2)}.project-content img{border-radius:1rem;margin-top:var(--mb-1);max-width:650px;-o-object-fit:cover;object-fit:cover;width:100%}.project-content-grade{color:var(--first-color);font-weight:var(--font-semi-bold)}.animation-images{display:flex;flex-direction:column;gap:1rem}.animation-images img{height:auto;max-width:500px;width:100%}.animation-row{display:flex;gap:1rem}.animation-row img{max-width:250px;width:calc(50% - .5rem)}.contact_container{align-items:center;display:flex;flex-direction:column}.contact_container .section_title{text-align:center}.contact_title{margin-bottom:var(--mb-0-25)}.contact_icon{color:var(--first-color);font-size:2rem;margin-right:var(--mb-0-75)}.contact_content{background-color:var(--body-bg-accent);border-radius:.5rem;padding:.75rem 1rem .25rem}.contact_label{color:var(--title-color);font-size:var(--smaller-font-size)}.contact_input{background-color:var(--body-bg-accent);border:none;color:var(--text-color);font-family:var(--body-font);font-size:var(--normal-font-size);outline:none;padding:.25rem .5rem .5rem 0;width:100%}.contact_inputs{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.footer{padding:1rem;width:100%}.footer_container{background-color:var(--body-bg-accent);border:1px solid rgba(0,0,0,.15);border-radius:8px;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1500px;padding:1.2rem 1.5rem}.footer_container,.footer_info{align-items:center;display:flex;flex-wrap:wrap}.footer_info{color:var(--text-color);font-size:var(--smaller-font-size);gap:.75rem}.footer_separator{opacity:.5}.built-with{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.icons{align-items:center;display:inline-flex;gap:.5rem}.icons img{height:15px;-o-object-fit:contain;object-fit:contain;width:15px}.footer_widgets{gap:1rem}.footer_time,.footer_widgets{align-items:center;display:flex}.footer_time{font-size:var(--smaller-font-size);gap:.4rem;opacity:.85;white-space:nowrap}.footer_time span{color:var(--first-color)}.footer_time i{color:var(--text-color);font-size:1.1rem}.footer_socials{align-items:center;display:flex;gap:1rem}.footer_social{color:var(--text-color-light);font-size:var(--h3-font-size);transition:.3s}.footer_social:hover{color:var(--first-color-lighter)}@media screen and (max-width:350px){.container{margin-left:var(--mb-1);margin-right:var(--mb-1)}.nav_menu{padding:2rem .25rem 4rem}.nav_list{-moz-column-gap:0;column-gap:0}.featured_projects,.home_content,.projects_grid{grid-template-columns:1fr}.about_container{flex-direction:column}.about_img{width:100%}}@media screen and (min-width:568px){.home_content{grid-template-columns:1fr}.contact_container,.footer_container{grid-template-columns:repeat(2,1fr)}.projects_container{grid-template-columns:1fr}.featured_projects,.projects_grid,.skills_grid{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:768px){.container{margin-left:auto;margin-right:auto}body{margin:0}.home_data{max-width:800px}.section{padding:6rem 0 5rem}.header{bottom:auto;top:0}.header,.main{padding:0 1rem}.nav{-moz-column-gap:1rem;column-gap:1rem;height:calc(var(--header-height) + 1.5rem)}.nav_close,.nav_icon,.nav_toggle{display:none}.nav_list{-moz-column-gap:2rem;column-gap:2rem;display:flex}.desktop_menu{display:flex;justify-content:center}.mobile_menu,.nav_toggle{display:none}.desktop-only{align-items:center;display:flex;gap:1rem}.change-theme{margin:0}.home_container{row-gap:5rem}.home_content{-moz-column-gap:2rem;column-gap:2rem;padding-top:0}.featured_projects,.projects_grid{grid-template-columns:repeat(2,1fr)}.about_container{flex-direction:row}.about_img{width:350px}.about_info{justify-content:space-between}.footer_container{grid-template-columns:repeat(3,1fr)}.footer_socials{justify-self:center}.skills_grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1024px){.header,.main{padding:0}.nav{margin:0 auto;max-width:1500px}.home_social{transform:translate(-6rem)}.contact_form{width:460px}.projects_grid{grid-template-columns:repeat(3,1fr)}.contact_inputs{grid-template-columns:repeat(2,1fr)}.skills_grid{grid-template-columns:repeat(4,1fr)}}.loading-overlay[data-v-4f1a01e5]{background:var(--body-bg-accent);display:grid;inset:0;place-items:center;position:fixed;z-index:9999}.spinner[data-v-4f1a01e5]{animation:spin-4f1a01e5 .8s linear infinite;border:3px solid transparent;border-radius:50%;border-top-color:currentcolor;height:40px;width:40px}@keyframes spin-4f1a01e5{to{transform:rotate(1turn)}}