:root{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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;place-items:center;min-width:320px;min-height:100vh}h1{font-size:2.5rem;line-height:1.1;color:#f8fafc}h2{font-size:1.8rem;color:#f8fafc}h3{font-size:1.25rem;color:#f8fafc}h4{font-size:1rem;color:#f8fafc}h5{font-size:.8rem;color:#646cff}@media(max-width:1197px){h1{font-size:1.75rem}h2{font-size:1.4rem}h3{font-size:1.1rem}h4{font-size:.975rem}h5{font-size:.875rem}}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}}#root{max-width:100%;text-align:center}body{background-color:#060b20}.highlight{color:#5daeff}.hero-container{position:relative;width:100%;height:auto;background-color:#060b20;overflow:hidden;isolation:isolate}.hero-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/sketch-table-Xz3eTZjf.jpg);background-size:cover;background-position:center left;opacity:.25;z-index:1}.content-in-hero{position:relative;z-index:2}.opening-section{padding-top:7vh;padding-left:7vw;padding-right:7vw}.intro h3{text-align:left}.intro h3 span{display:inline-block;overflow:hidden;white-space:nowrap;width:0;animation-fill-mode:forwards}.intro h3 .phrase-1{animation:type-p1 1.8s steps(21) forwards .5s}.intro h3 .phrase-2{animation:type-p2 2.2s steps(33) forwards 3s}@keyframes type-p1{to{width:21ch}}@keyframes type-p2{to{width:33ch}}.bio h1{text-align:left;margin-top:0rem;margin-bottom:.25rem;transform-origin:center center}.info-row{display:flex;justify-content:space-between;padding-top:12rem;padding-bottom:3rem}.info-details h3{text-align:left;font-weight:400;margin-top:0;margin-bottom:.5rem}.project-body{padding-top:4vh;padding-left:10vw;padding-right:10vw}.section-title{display:flex;justify-content:flex-start}.graphic-card{all:unset;display:flex;justify-content:space-between;background-color:#262a30;align-items:center;width:100%;margin-bottom:4vh;border-radius:10px;transition:transform .3s ease}.graphic-card:hover{background:#3a3f46;transform:scale(1.02)}.graphic-card:active{transform:scale(.98)}.card-text{text-align:left;padding-left:5vw}.card-text h2,.card-text h3{font-weight:400}.interaction-image{max-width:400px;height:auto;padding:1rem 5rem 1rem 1rem}.reverse-graphic-card{all:unset;cursor:pointer;display:flex;justify-content:space-between;background-color:#262a30;align-items:center;width:100%;margin-bottom:4vh;border-radius:10px;transition:transform .3s ease}.reverse-graphic-card:hover{background:#3a3f46;transform:scale(1.02)}.reverse-graphic-card:active{transform:scale(.98)}.reverse-graphic-card:focus{outline:4px solid #5C5C5C}.reverse-card-text{text-align:left;padding-left:3.5vw;padding-right:2vw}.reverse-card-text h2,.reverse-card-text h3{font-weight:400}.reverse-interaction-image{width:400px;height:auto;padding:1rem 1rem 1rem 5rem}@media(max-width:1197px){.graphic-card,.reverse-graphic-card{flex-direction:column;align-items:center;gap:1rem}.card-text{padding:1rem;text-align:center}.interaction-image{width:80%;padding:0;padding-bottom:2rem}.reverse-interaction-image{width:80%;padding:0;padding-top:2rem}.reverse-card-text{padding:1rem;padding-top:0;text-align:center}}.protein-body{display:flex;justify-content:center;padding-bottom:8vh}.protein-card{display:flex;width:40%;background-color:#262a30;flex-direction:column;align-items:center}.protein-text{text-align:center}.protein-img{max-width:400px;height:auto;width:80%;padding-bottom:3vh}.game-box{background-color:#262a30;width:40%;margin:0 auto}.game-img-padding{padding-top:4vh}.island-img{border:2.4px solid gray;box-sizing:border-box;transition:transform .3s ease;width:100%;max-width:500px;height:auto}.island-img:hover{transform:scale(1.04)}.game-box h4{padding-bottom:1vh;padding-left:3vw;padding-right:3vw}.about-me-body{padding-top:8vh;padding-left:8vw;padding-right:8vw}.about-me-text,.about-me-text h3{display:flex;text-align:left;font-weight:400;flex-wrap:wrap}.contact-body{padding-top:4rem;padding-left:8rem;padding-right:8rem}.contact-text{display:flex;text-align:left;font-weight:400;flex-wrap:wrap}.navbar{display:flex;align-items:center;padding-left:7vw;padding-right:7vw;padding-bottom:4vh}.my-name,.my-name-other{margin-right:auto;transition:transform .3s ease}.my-name-other:hover{transform:scale(1.1)}.navbar-links{display:flex;gap:4vw}.my-name h3,.navbar-links h3,.my-name-other h3{font-weight:400}.navbar-genc{background-color:#060b20;display:flex;align-items:center;padding-left:4vw;padding-right:4vw}.white-font{color:#fff}.intro{text-align:center;padding-top:1rem}.titles{text-align:center;padding-top:5rem}.long-img{width:100%}.long-img img{width:80%;height:auto;justify-content:center;padding-top:0rem}.image-section{display:flex;flex-wrap:wrap;justify-content:center;gap:5rem;padding-top:2rem}.vertical-image img{width:100%;max-width:400px;height:auto}.horizontal-image img{width:100%;max-width:600px;height:auto;display:block}.gen-connect-body{background-color:#fefae0;width:100%!important;min-height:100vh!important;display:flex;flex-direction:column;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}.gen-connect-body h1,.gen-connect-body h2,.gen-connect-body h3,.gen-connect-body h4{color:#000}.intro-body{display:flex;padding-top:1rem;justify-content:space-between}.intro-left{padding-top:17vh;padding-left:12vw;width:50%;box-sizing:border-box}.intro-left h3{text-align:left}.intro-left h4{text-align:left;color:#00e}.name-logo{display:flex;align-items:center;gap:1rem;width:100%;min-width:0}.name-logo h1{padding-top:1.7rem;flex-shrink:1;font-size:clamp(1.8rem,4vw,3rem);margin:0;white-space:nowrap}.logo-img{width:100%;max-width:200px;height:auto;flex-shrink:1}.hover-underline{text-decoration:none}.hover-underline:hover{text-decoration:underline}.intro-right{display:flex;justify-content:flex-end;padding-right:13vw;width:50%;box-sizing:border-box}.home-img{width:100%;max-width:300px;height:auto;display:block}@media(max-width:992px){.intro-body{flex-direction:column;gap:3rem}.intro-left,.intro-right{width:100%;padding-left:2rem;padding-right:2rem;padding-top:2rem}.intro-right img{width:100%;max-width:450px;height:auto;margin:0 auto;display:block}}