:root{--background-color: #fff;--btn-color: #0987f2;--btn-text-color: #fff;--project-card-bg: #ffffff00;--experience-card-bg: #f8f9fa;--text-color: #222;--form-text-color: #555;--footer-text-color: #888;--navbar-bg: rgba(255,255,255,.8)}[data-theme=dark]{--background-color: #222;--btn-color: #fff;--btn-text-color: #222;--project-card-bg: #fff;--experience-card-bg: #333;--text-color: #fff;--form-text-color: #fff;--footer-text-color: #bbb;--navbar-bg: rgba(34, 34, 34, .6)}html,body{max-width:100%;overflow-x:hidden}body{background-color:var(--background-color);display:flex;justify-content:center;margin:0 auto 60px;transition:background-color .5s,color .5s}#root{display:flex;flex-direction:column;gap:60px}[id]{scroll-margin-top:80px}h1,h2,h3,p{color:var(--text-color);margin:0;padding:0;transition:color .5s}h2,h3,p{font-family:Roboto Mono,monospace}h1,h2{text-transform:uppercase}h2,h3{font-size:20px}h1{font-family:Rubik,sans-serif;font-size:32px}p{font-size:16px;font-weight:300}.sectionTitle{margin-bottom:30px}.hover{cursor:pointer}@media (max-width: 600px){.container{padding:0 10px}}@media (width >= 800px){#root{gap:100px}h1{font-size:40px}h2,h3{font-size:24px}p{font-size:20px}.sectionTitle{margin-bottom:60px}}@media (width >= 1400px){#root{gap:200px}h1{font-size:48px}.sectionTitle{margin-bottom:75px}}._navbar_1k2up_2{position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--navbar-bg, rgba(255,255,255,.8));backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:0 2px 8px #00000012;padding:18px 0;transition:background .3s cubic-bezier(.4,0,.2,1)}._navbarContainer_1k2up_17{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:center;align-items:center}._navList_1k2up_27{display:flex;gap:40px;list-style:none;padding:0;margin:0;align-items:center;font-family:Rubik,Roboto Mono,monospace,sans-serif}._navList_1k2up_27 a{color:var(--text-color, #222);text-decoration:none;font-family:Rubik,Roboto Mono,monospace,sans-serif;font-size:18px;font-weight:500;letter-spacing:.5px;padding:6px 14px;border-radius:12px;transition:background .2s,color .2s,transform .2s;background:transparent;outline:none}._navList_1k2up_27 a:hover,._navList_1k2up_27 a:focus{background:var(--btn-color, #0987f2);color:var(--btn-text-color, #fff);transform:scale(1.07);text-decoration:none}section:target,._sectionTitle_1k2up_62:target{outline:none!important;box-shadow:none!important}html{scroll-behavior:smooth}@media (max-width: 799px){._navbar_1k2up_2{display:none!important}}._container_1sk78_2{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:20px;min-height:calc(100dvh - 70px);padding:0 15px;margin-bottom:60px}._container_1sk78_2 ._hero_1sk78_14{max-width:200px;margin:0 auto}._container_1sk78_2 span{display:flex;gap:25px;justify-content:center}._container_1sk78_2 span a{margin:0}._container_1sk78_2 span a img{width:35px;aspect-ratio:1/1;object-fit:contain;transition:transform .5s ease-in-out,opacity .5s ease-in-out}._container_1sk78_2 span a img:hover{transform:scale(1.1);opacity:.8}._container_1sk78_2 a{width:fit-content;align-self:center}._container_1sk78_2 button{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;width:126px;height:50px;font-size:20px;font-weight:700;box-shadow:0 4px 4px #00000040;transition:background-color .5s,color .5s,box-shadow .2s ease-in-out,transform .2s ease-in-out}._container_1sk78_2 button:hover{transform:scale(1.05);background-color:#000;color:#fff}._container_1sk78_2 button:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}._colorModeContainer_1sk78_80{position:relative}._colorMode_1sk78_80{position:absolute;top:5px;width:25px}._colorMode_1sk78_80:hover{cursor:pointer;transform:rotate(360deg);transition:transform 1s ease-in-out}._description_1sk78_99{align-self:center;max-width:24ch;font-size:16px}._info_1sk78_106{display:flex;flex-direction:column;gap:20px}@media (width >= 800px){._container_1sk78_2{flex-direction:row-reverse;align-items:center;justify-content:center}._container_1sk78_2 ._hero_1sk78_14{max-width:350px;width:350px}._container_1sk78_2 ._description_1sk78_99{font-size:18px}}@media (width >= 1400px){._container_1sk78_2 ._hero_1sk78_14{max-width:400px;width:400px}._container_1sk78_2 ._description_1sk78_99{font-size:20px}}
