.outerNavDiv{display:flex;justify-content:center;width:100%}.navbarDiv{padding:.5em 0;background-color:var(--container-background-color);display:flex;width:810px}.socialIcon{height:2em;width:fit-content;padding:0 10px}.navbarDiv>div{flex:1;display:flex}.nameText{font-size:20px;font-weight:700;color:#fff;padding:0 8px;margin:3px;align-items:center}.nameDiv{justify-content:left}.navLinksDiv{justify-content:center}.socialLinksDiv{padding:0 8px;justify-content:flex-end;justify-items:flex-end}.navbarButtonText{font-weight:700;font-size:20px;padding:0 5px;margin:3px;transition:color .6s ease;color:#fff}.underlineDiv{padding:0;border-bottom:solid 3px white;transform:scaleX(0);transition:transform .6s ease,border-bottom .6s ease;width:100%}.activeUnderlineDiv{padding:0;border-bottom:solid 3px var(--active-nav-color);transition:transform .6s ease;width:100%}li:hover .underlineDiv,a:hover .underlineDiv{transform:scaleX(1);border-bottom:solid 3px var(--active-nav-color)}ul{display:flex;justify-content:center;list-style-type:none;margin:0;padding:0}li{margin:0 10px}@media only screen and (max-width:800px){.navbarDiv .nameDiv{display:none}.navbarDiv{flex-direction:column}.socialLinksDiv{justify-content:center;padding-top:20px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#111719 font-synthesis: none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes _rainbow_1jatn_1{0%{--highlight-color: #ff0000}15%{--highlight-color: #ff7f00}30%{--highlight-color: #ffff00}45%{--highlight-color: #00ff00}60%{--highlight-color: #0000ff}75%{--highlight-color: #8f00ff}}#_root_1jatn_1{width:100%}._titleDiv_1jatn_14{text-align:center}._defaultOutline_1jatn_1{outline:solid var(--unactive-color) 3px;transition:outline ease .3s,transform ease .3s}._showcaseDiv_1jatn_1{outline:solid var(--unactive-color) 3px;height:100%;color:var(--default-text-color);transition:border ease .3s,transform ease .3s;border-radius:1px}._defaultOutline_1jatn_1:hover{outline:solid var(--highlight-color) 4px;transform:scale(1.02)}._showcaseDiv_1jatn_1:hover{color:var(--default-text-color);outline:solid var(--highlight-color) 4px;transform:scale(1.02)}._showcaseDiv_1jatn_1 h2{transition:color ease .3s;margin:0 20px}._backgroundImage_1jatn_1{width:100vw;height:100vh;position:fixed;opacity:.35;z-index:-1;object-fit:cover;overflow:hidden}@keyframes _slideIn_1jatn_1{0%{transform:var(--slide-start);opacity:0}to{transform:translate(0);opacity:1}}._titleDiv_1jatn_14{height:200qqpx}._rowContainer_1jatn_17{display:grid;grid-template-columns:250px 250px 250px;grid-template-rows:250px 250px 250px;grid-template-areas:"bio bio image" "tech github image" "tech links links";justify-content:center;gap:20px}._gridContainer_1jatn_28{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:var(--container-background-color)}._centerImage_1jatn_39{width:60%;margin:10px;aspect-ratio:1/1;transition:transform ease .3s}._showcaseContainer_1jatn_45{justify-content:center;display:flex;flex-wrap:wrap;gap:20px;width:100%;padding:20px;position:relative}._skillIconContainer_1jatn_54{width:75px;height:75px;transition:transform ease .3s}._skillIcon_1jatn_54{max-width:100%;max-height:100%;object-fit:contain}._tooltiptext_1jatn_66{opacity:0;width:100px;background-color:#111;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;transform:translate(-87.5px,-40px);z-index:1;transition:opacity ease .3s}._centerImage_1jatn_39:hover,._skillIconContainer_1jatn_54:hover{transform:scale(1.1)}._skillIconContainer_1jatn_54:hover ._tooltiptext_1jatn_66{opacity:1}._profileImage_1jatn_89{height:100%;max-width:100%;object-fit:cover;overflow:hidden}._aboutText_1jatn_96{font-size:18px;padding-left:20px;padding-right:20px;text-align:left}._gridAreaBio_1jatn_103{animation:_slideIn_1jatn_1 .6s ease-out forwards;animation-delay:.2s;--slide-start: translateX(-50px);transform:var(--slide-start);opacity:0;grid-area:bio}._gridAreaImage_1jatn_112{animation:_slideIn_1jatn_1 .6s ease-out forwards;animation-delay:.4s;--slide-start: translateY(-50px);transform:var(--slide-start);opacity:0;grid-area:image}._gridAreaLinks_1jatn_121{animation:_slideIn_1jatn_1 .6s ease-out forwards;--slide-start: translateX(50px);animation-delay:.6s;transform:var(--slide-start);opacity:0;grid-area:links}._gridAreaGithub_1jatn_130{animation:_slideIn_1jatn_1 .6s ease-out forwards;grid-area:github;animation-delay:0s;opacity:0}._gridAreaTech_1jatn_137{animation:_slideIn_1jatn_1 .6s ease-out forwards;--slide-start: translateY(50px);animation-delay:.8s;transform:var(--slide-start);opacity:0;grid-area:tech}@media only screen and (max-width:800px){._rowContainer_1jatn_17{display:flex;flex-direction:column}._gridAreaBio_1jatn_103{--slide-start: translateX(-50px);animation-delay:0s;transform:var(--slide-start);opacity:0;background-color:var(white)}._gridAreaTech_1jatn_137{--slide-start: translateX(50px);animation-delay:.2s;transform:var(--slide-start);opacity:0}._gridAreaImage_1jatn_112{--slide-start: translateX(-50px);animation-delay:.4s;transform:var(--slide-start);opacity:0}._gridAreaLinks_1jatn_121{--slide-start: translateX(50px);animation-delay:.6s;transform:var(--slide-start);opacity:0}._centerImage_1jatn_39{height:200px;width:200px}._gridAreaImage_1jatn_112{height:50vw}._profileImage_1jatn_89{width:100%;object-position:0px 80%}._gridAreaGithub_1jatn_130{display:none}}@keyframes _rainbow_1ge3v_1{0%{--highlight-color: #ff0000}15%{--highlight-color: #ff7f00}30%{--highlight-color: #ffff00}45%{--highlight-color: #00ff00}60%{--highlight-color: #0000ff}75%{--highlight-color: #8f00ff}}#_root_1ge3v_1{width:100%}._titleDiv_1ge3v_1{text-align:center}._defaultOutline_1ge3v_1{outline:solid var(--unactive-color) 3px;transition:outline ease .3s,transform ease .3s}._showcaseDiv_1ge3v_7{outline:solid var(--unactive-color) 3px;height:100%;color:var(--default-text-color);transition:border ease .3s,transform ease .3s;border-radius:1px}._defaultOutline_1ge3v_1:hover{outline:solid var(--highlight-color) 4px;transform:scale(1.02)}._showcaseDiv_1ge3v_7:hover{color:var(--default-text-color);outline:solid var(--highlight-color) 4px;transform:scale(1.02)}._showcaseDiv_1ge3v_7 h2{transition:color ease .3s;margin:0 20px}._backgroundImage_1ge3v_1{width:100vw;height:100vh;position:fixed;opacity:.35;z-index:-1;object-fit:cover;overflow:hidden}h1{margin-top:10px;margin-bottom:25px}._showcaseDivEntry_1ge3v_7{opacity:0;transform:translateY(50px);background-color:var(--container-background-color);animation:_show_1ge3v_7 .5s forwards;animation-delay:var(--animationDelay)}._skillTagContainer_1ge3v_14{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:10px 0}._skillTag_1ge3v_14{background-color:var(--unactive-color);color:#fff;padding:5px 10px;border-radius:15px;font-size:14px;transition:background-color ease .3s,transform ease .3s}._skillTag_1ge3v_14:hover{transform:scale(1.1)}._showcaseDiv_1ge3v_7:hover ._skillTag_1ge3v_14{background-color:var(--highlight-color)}._showcaseDiv_1ge3v_7{height:400px;text-align:center;padding:10pt}@keyframes _show_1ge3v_7{to{transform:translateY(0);opacity:1}}._projectShowcaseContainer_1ge3v_54{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,300px));gap:30px;justify-items:center;justify-content:center;width:100%}._showcaseDiv_1ge3v_7:hover h2{color:var(--highlight-color)}._showcaseDiv_1ge3v_7 h2,._showcaseDiv_1ge3v_7 p{color:var(--default-text-color)}._showcaseProjectImage_1ge3v_71{transition:outline ease .3s;aspect-ratio:16 / 9;width:92%;outline:solid var(--unactive-color) 2.5px;border-radius:3px;margin:4%}._showcaseDiv_1ge3v_7:hover ._showcaseProjectImage_1ge3v_71{outline:solid var(--highlight-color) 3px}._showcaseDiv_1ge3v_7 p{margin:3px 15px}:root{--highlight-color: #0F577E;--default-text-color: white;--unactive-color: #aaaaaa;--active-nav-color: var(--highlight-color);--container-background-color: #0d111799}@keyframes rainbow{0%{--highlight-color: #ff0000}15%{--highlight-color: #ff7f00}30%{--highlight-color: #ffff00}45%{--highlight-color: #00ff00}60%{--highlight-color: #0000ff}75%{--highlight-color: #8f00ff}}#root{width:100%}.titleDiv{text-align:center}.defaultOutline{outline:solid var(--unactive-color) 3px;transition:outline ease .3s,transform ease .3s}.showcaseDiv{outline:solid var(--unactive-color) 3px;height:100%;color:var(--default-text-color);transition:border ease .3s,transform ease .3s;border-radius:1px}.defaultOutline:hover{outline:solid var(--highlight-color) 4px;transform:scale(1.02)}.showcaseDiv:hover{color:var(--default-text-color);outline:solid var(--highlight-color) 4px;transform:scale(1.02)}.showcaseDiv h2{transition:color ease .3s;margin:0 20px}.backgroundImage{width:100vw;height:100vh;position:fixed;opacity:.35;z-index:-1;object-fit:cover;overflow:hidden}