@media (width<=768px){.main-content{gap:.25rem}}@media (width<=768px){.main-content{gap:.25rem}}.site-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;margin-bottom:1rem;display:flex}.site-header h1{background:linear-gradient(135deg,#c85cff,#b117ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.site-header hr{background-color:#c85cff;border:2px solid #c85cff;border-radius:1.25rem;width:90%;height:4px;margin-top:.25rem}.site-header a{color:#b4b4b4;font-size:clamp(.75rem,.8rem + .65vw,1.5rem)}@media (width<=768px){.main-content{gap:.25rem}}.site-section{flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%;margin:.5rem 0;padding:0 1rem;display:flex}.site-section .site-section-media{justify-content:center;align-items:center;width:128px;height:128px;display:flex}.site-section .site-section-media img{object-fit:fill;border-radius:.75rem;width:100%;height:100%}.site-section .site-section-media svg{color:#c85cff;width:60%;height:60%}.site-section .site-section-info{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}.site-section .site-section-info .site-section-header{flex-direction:row;justify-content:flex-start;align-items:center;gap:1.5rem;width:100%;display:flex}.site-section .site-section-info .site-section-header a{text-align:center;color:#b4b4b4;background-color:#1e1e1e;border:2px solid #313131;border-radius:.75rem;padding:.5rem;transition:background-color .2s,border-color .2s,color .2s}.site-section .site-section-info .site-section-header a:hover{color:#f2f2f2;background-color:#2b2b2b;border-color:#585858}.site-section .site-section-info hr{border:1.5px solid #313131;border-radius:1.25rem;width:50%;margin-top:.25rem;margin-bottom:.25rem}@media (width<=768px){.site-section{flex-direction:column}.site-section .site-section-media{width:96px;height:96px}.site-section .site-section-info{gap:.5rem}.site-section .site-section-info hr{width:100%}.site-section .site-section-info .site-section-header{justify-content:space-between;width:100%}}@media (width<=768px){.main-content{gap:.25rem}}.info-section{flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;width:100%;height:auto;padding:1rem;display:flex}.info-section .info-section-border{border-left:1.5px solid #313131;width:100%;margin-left:1.5rem;padding-left:1rem}.info-section .info-section-header{flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;width:100%;display:flex}.info-section .info-section-header .info-section-media{justify-content:center;align-items:center;width:64px;height:64px;display:flex}.info-section .info-section-header .info-section-media img{object-fit:fill;border-radius:.75rem;width:100%;height:100%}.info-section .info-section-header .info-section-media svg{color:#c85cff;width:60%;height:60%}.info-section .info-section-header a{color:#f0f0f0;background-color:#1e1e1e;border:2px solid #313131;border-radius:.75rem;padding:.5rem;transition:border-color .2s,color .2s,background-color .2s}.info-section .info-section-header a:hover{color:#f2f2f2;background-color:#2b2b2b;border-color:#585858}.info-section hr{background-color:#313131;border:none;width:100%;height:2px}.info-section-background{background-color:#1e1e1e;border:2px solid #3a3a3a;border-radius:.75rem}@media (width<=768px){.info-section .info-section-border{border:none;margin:0;padding:0}}@media (width<=768px){.main-content{gap:.25rem}}.skill-card{background-color:#2b2b2b;border:1px solid #585858;border-radius:.375rem;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;padding:.25rem;display:flex}.skill-card svg{color:#d685ff}.skill-card{transition:transform .2s,box-shadow .2s}.skill-card:hover{transform:scale(1.075);box-shadow:0 2px 6px #0009}.skill-card{-webkit-user-select:none;user-select:none}@media (width<=768px){.main-content{gap:.25rem}}.flex-row-container{flex-direction:row;display:flex}.flex-wrap-container{flex-flow:wrap;width:100%;display:flex}.flex-column-container{flex-direction:column;display:flex}.gap{gap:1rem}@media (width<=768px){.main-content{gap:.25rem}}.project-card{background-color:#1e1e1e;border:2px solid #313131;border-radius:.75rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:1.5rem;width:100%;margin-top:.5rem;padding:1rem;transition:border-color .2s,transform .2s,filter .2s;display:flex}.project-card:hover{filter:brightness(105%);border-color:#585858;transform:translateY(-2px)}.project-card img{object-fit:cover;width:96px;height:96px}.project-card .project-card-content{border-left:2px solid #313131;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.25rem;padding-left:1rem;display:flex}.project-card .project-card-content .project-card-header{flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;display:flex}.project-card .project-card-content .project-card-header a{color:#f0f0f0;background-color:#1e1e1e;border:2px solid #313131;border-radius:.75rem;padding:.5rem;transition:border-color .2s,color .2s,background-color .2s}.project-card .project-card-content .project-card-header a:hover{color:#f2f2f2;background-color:#2b2b2b;border-color:#585858}@media (width<=768px){.project-card{flex-direction:column}.project-card .project-card-content{padding-left:none;border-top:2px solid #313131;border-left:none;padding-top:1rem}.project-card .project-card-content .project-card-header{justify-content:space-between;gap:.25rem}.project-card .project-card-content .project-card-header a{text-align:center;padding:.25rem}}@media (width<=768px){.main-content{gap:.25rem}}.navbar{z-index:1000;background-color:#1e1e1e;border-bottom:2px solid #3a3a3a;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100vw;height:64px;padding:.5rem;display:flex;position:fixed;top:0;left:0}.navbar .navbar-left,.navbar .navbar-right{flex-direction:row;justify-content:center;align-items:center;gap:1rem;padding-inline:.5rem;display:flex}.navbar .navbar-brand{flex-direction:row;justify-content:center;align-items:flex-end;gap:.25rem;display:flex}.navbar .navbar-brand img{border-radius:.375rem;align-self:center;width:32px;height:32px;transition:transform .2s}.navbar .navbar-brand{color:#c85cff;font-size:clamp(1rem,.85rem + 1.1vw,2.5rem);font-weight:700}.navbar .navbar-brand small{color:#b4b4b4;font-size:clamp(.75rem,.8rem + .65vw,1.5rem);font-weight:700}.navbar .navbar-brand{transition:color .2s}.navbar .navbar-brand:hover{color:#d685ff}.navbar .navbar-brand:hover img{transform:scale(1.08)}.navbar .navbar-links{flex-direction:row;justify-content:center;align-items:center;gap:2rem;padding-left:1.5rem;display:flex}.navbar .navbar-links a{color:#b4b4b4;font-size:clamp(.75rem,.8rem + .65vw,1.5rem);font-weight:600;transition:color .2s;position:relative}.navbar .navbar-links a:after{content:"";background-color:#c85cff;border-radius:1.25rem;width:0;height:2px;transition:width .2s,background-color .2s;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.navbar .navbar-links a:hover{color:#d685ff}.navbar .navbar-links a:hover:after{background-color:#d685ff;width:100%}.navbar .navbar-links a.active{color:#e4aeff}.navbar .navbar-links a.active:after{background-color:#e4aeff;width:100%}.navbar .navbar-buttons{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;display:flex}.navbar .navbar-buttons a{color:#f0f0f0;background-color:#1e1e1e;border:2px solid #3a3a3a;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:clamp(.75rem,.8rem + .65vw,1.5rem);transition:background-color .15s,border-color .15s;display:flex}.navbar .navbar-buttons a:hover{background-color:#2b2b2b;border-color:#585858}.hamburger{cursor:pointer;z-index:10000;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:2.5rem;height:2.5rem;display:none}.hamburger span{background-color:#f0f0f0;border-radius:1.25rem;width:1.5rem;height:2px;transition:transform .2s,opacity .2s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar-mobile-menu,.navbar-overlay{display:none}@media (width<=768px){.navbar .navbar-brand{font-size:clamp(1.3rem,.9rem + 2.6vw,4.5rem)}.navbar .navbar-brand img{border-radius:.375rem;width:24px;height:24px}.navbar .navbar-links,.navbar .navbar-right .navbar-buttons{display:none}.hamburger{display:flex}.navbar-overlay{opacity:0;visibility:hidden;pointer-events:none;z-index:100;background-color:#000c;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;display:block;position:fixed;top:0;left:0}.navbar-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.navbar-mobile-menu{z-index:1000;background-color:#1e1e1e;border-left:2px solid #3a3a3a;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem;width:75vw;height:100vh;padding:3rem 1.5rem;transition:transform .3s;display:flex;position:fixed;top:64px;right:0;transform:translate(100%)}.navbar-mobile-menu a{color:#f0f0f0;border-radius:.75rem;align-items:center;padding:.5rem 1rem;font-size:clamp(1rem,.85rem + 1.1vw,2.5rem);font-weight:600;transition:background-color .15s,color .15s;display:flex}.navbar-mobile-menu a:hover{color:#f2f2f2;background-color:#2b2b2b}.navbar-mobile-menu a.active{color:#e4aeff;background-color:#5e5e5e}.navbar-mobile-menu .navbar-buttons{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.navbar-mobile-menu .navbar-buttons a{color:#f0f0f0;background-color:#191919;border:2px solid #3a3a3a;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;font-size:clamp(1rem,.85rem + 1.1vw,2.5rem);transition:background-color .15s,border-color .15s;display:flex}.navbar-mobile-menu .navbar-buttons a:hover{background-color:#2b2b2b;border-color:#585858}.navbar-mobile-menu.open{transform:translate(0%)}}@media (width<=768px){.main-content{gap:.25rem}}.footer{background-color:#1e1e1e;border-top:2px solid #3a3a3a;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.footer .left,.footer .right{flex-direction:column;gap:.5rem;display:flex}.footer .left{justify-content:flex-start;align-items:flex-start}.footer .right{justify-content:flex-end;align-items:flex-end}.footer a{color:#f0f0f0;text-align:right}*,:after,:before{scrollbar-width:thin;scrollbar-color:#5e5e5e #1e1e1e;font-family:Roboto,system-ui,sans-serif}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#5e5e5e;border:2px solid #1e1e1e;border-radius:9999px;min-height:24px}::-webkit-scrollbar-thumb:hover{background:#c85cff}::-webkit-scrollbar-thumb:active{background:#d685ff}::-webkit-scrollbar-corner{background:#1e1e1e}*{box-sizing:border-box;margin:0}html,body,#root{width:100%;height:100%;margin:0;padding:0}html{scroll-behavior:smooth;min-height:100vh;font-size:100%;overflow-x:hidden}body{color:#f0f0f0;background:#191919;font-family:Roboto,system-ui,sans-serif}code,pre{font-family:JetBrains Mono,monospace}h1{color:#f0f0f0;font-size:clamp(1.5rem,1rem + 4.5vw,6.5rem);font-weight:700}h2{color:#f0f0f0;font-size:clamp(1.3rem,.9rem + 2.6vw,4.5rem);font-weight:700}h3{color:#f0f0f0;font-size:clamp(1rem,.85rem + 1.1vw,2.5rem);font-weight:600}h4{color:#b4b4b4;font-size:clamp(.75rem,.8rem + .65vw,1.5rem);font-weight:500}h5{color:#b4b4b4;font-size:clamp(.5rem,.55rem + .35vw,1.1rem);font-weight:500}h6{color:#b4b4b4;font-size:clamp(.35rem,.4rem + .25vw,.9rem);font-weight:400}p,li,label{color:#b4b4b4;font-size:clamp(.75rem,.8rem + .65vw,1.5rem);font-weight:400}small{color:#999;font-size:clamp(.35rem,.4rem + .25vw,.9rem)}a{color:#c85cff;font-size:clamp(.75rem,.8rem + .65vw,1.5rem);font-weight:500;text-decoration:none;transition:color .15s}a:hover{color:#d685ff}a:active{color:#e4aeff}button,input,select,textarea{color:#f0f0f0;background:#1e1e1e;border:2px solid #3a3a3a;border-radius:.75rem;padding:.5rem 1rem;font-family:inherit;font-size:clamp(.75rem,.8rem + .65vw,1.5rem)}button{cursor:pointer;font-weight:500;transition:background .15s,border-color .15s}button:hover{background:#2b2b2b;border-color:#585858}button:active{background:#5e5e5e;border-color:#757575}input:focus,textarea:focus,select:focus{border-color:#c85cff;outline:none}input::placeholder,textarea::placeholder,select::placeholder{color:#b4b4b4}hr{border:none;border-top:1px solid #3a3a3a}img,svg{max-width:100%;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:left;border:1px solid #3a3a3a;padding:.5rem 1rem}th{color:#f0f0f0;background:#1e1e1e;font-weight:600}::selection{color:#f0f0f0;background:#c85cff}::selection{color:#f0f0f0;background:#c85cff}.main-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;max-width:1280px;min-height:100vh;margin:calc(64px + 1.5rem) auto 1.5rem;padding:0 1rem;display:flex}@media (width<=768px){.main-content{gap:.25rem}}.social-card{border-radius:.75rem;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;width:100%;margin:.5rem 0;padding:1rem;display:flex}.social-card svg{color:#f0f0f0;width:32px;height:32px}.social-card{transition:transform .2s,box-shadow .2s}.social-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #000000bf}